From b79f4364f9140f41b94634bd8febd5da1187811f Mon Sep 17 00:00:00 2001 From: Ajay Ghanwat Date: Sun, 19 Jul 2026 20:14:16 +0530 Subject: [PATCH] docs: update portal for WRNexusJS 0.2.61 --- app/pages/404.wrn | 4 +- app/pages/access.wrn | 6 +- app/pages/architecture.wrn | 6 +- app/pages/benchmarks.wrn | 4 +- app/pages/changelog.wrn | 6 +- app/pages/examples.wrn | 6 +- app/pages/getting-started.wrn | 6 +- app/pages/guides/api-routes.wrn | 6 +- app/pages/guides/authentication.wrn | 6 +- app/pages/guides/authorization.wrn | 6 +- .../guides/configuration-and-profiles.wrn | 6 +- app/pages/guides/database.wrn | 6 +- app/pages/guides/deployment.wrn | 6 +- app/pages/guides/forms-and-validation.wrn | 6 +- app/pages/guides/i18n-and-themes.wrn | 6 +- app/pages/guides/middleware.wrn | 6 +- app/pages/guides/mobile.wrn | 6 +- app/pages/guides/observability.wrn | 6 +- app/pages/guides/pages-and-components.wrn | 6 +- app/pages/guides/project-structure.wrn | 6 +- app/pages/guides/pubsub.wrn | 6 +- app/pages/guides/queues.wrn | 6 +- app/pages/guides/realtime.wrn | 6 +- app/pages/guides/routing.wrn | 6 +- app/pages/guides/security.wrn | 6 +- app/pages/guides/server-data.wrn | 6 +- app/pages/guides/testing.wrn | 6 +- app/pages/guides/troubleshooting.wrn | 6 +- app/pages/guides/upgrading.wrn | 6 +- app/pages/guides/uploads.wrn | 6 +- app/pages/guides/workspaces-and-gateway.wrn | 8 +- app/pages/index.wrn | 10 +- app/pages/language.wrn | 6 +- app/pages/license.wrn | 4 +- app/pages/packages.wrn | 6 +- app/pages/packages/ai.wrn | 8 +- app/pages/packages/authz.wrn | 8 +- app/pages/packages/cli.wrn | 8 +- app/pages/packages/compiler.wrn | 8 +- app/pages/packages/core.wrn | 8 +- app/pages/packages/csr.wrn | 8 +- app/pages/packages/db.wrn | 8 +- app/pages/packages/dev-server.wrn | 8 +- app/pages/packages/encryption.wrn | 8 +- app/pages/packages/helpers.wrn | 8 +- app/pages/packages/i18n.wrn | 8 +- app/pages/packages/jwt.wrn | 8 +- app/pages/packages/mobile.wrn | 8 +- app/pages/packages/native.wrn | 8 +- app/pages/packages/oauth.wrn | 8 +- app/pages/packages/pubsub.wrn | 8 +- app/pages/packages/queue.wrn | 8 +- app/pages/packages/reactive.wrn | 8 +- app/pages/packages/router.wrn | 8 +- app/pages/packages/ssr.wrn | 8 +- app/pages/packages/styles.wrn | 8 +- app/pages/packages/test.wrn | 8 +- app/pages/packages/tracking.wrn | 8 +- app/pages/packages/ui.wrn | 10 +- app/pages/packages/uploader.wrn | 8 +- app/pages/packages/validation.wrn | 8 +- app/pages/releases/0.2.61.wrn | 16 ++ app/pages/roadmap.wrn | 4 +- app/pages/search.wrn | 4 +- app/pages/security.wrn | 6 +- app/pages/showcase.wrn | 6 +- app/pages/support.wrn | 4 +- app/pages/tutorial.wrn | 6 +- bun.lock | 104 +++---- docs/release-access-status.md | 4 +- docs/site-audit.md | 4 +- package-lock.json | 272 +++++++++--------- package.json | 54 ++-- public/docs-index.json | 142 ++++----- public/llms-full.txt | 132 ++++----- public/llms.txt | 260 ++++++++--------- public/sitemap.xml | 2 +- 77 files changed, 728 insertions(+), 712 deletions(-) create mode 100644 app/pages/releases/0.2.61.wrn diff --git a/app/pages/404.wrn b/app/pages/404.wrn index c2280a2c..86230f6f 100644 --- a/app/pages/404.wrn +++ b/app/pages/404.wrn @@ -7,10 +7,10 @@ page Pagenotfound { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
- +
} } \ No newline at end of file diff --git a/app/pages/access.wrn b/app/pages/access.wrn index 503167e9..79c6336d 100644 --- a/app/pages/access.wrn +++ b/app/pages/access.wrn @@ -7,10 +7,10 @@ page Access { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Private Developer Preview

Request preview access

WRNexusJS 0.2.60 packages are not available from the public npm registry. Installation requires approval and private registry credentials supplied by WorkRoot. Never paste registry tokens into source control, issue reports, or support messages.

Request process

  1. Contact WorkRoot through the public contact path at workroot.in.
  2. Describe the application, team, expected deployment, and Bun environment.
  3. After approval, follow the registry instructions supplied privately.
  4. Use the canonical scaffold command below only after authentication.
bunx @wrnexus/cli@0.2.60 create my-app

Access approval, response time, licensing terms, and support level remain owner-controlled. This site does not collect access requests directly.

- +
Private Developer Preview

Request preview access

WRNexusJS 0.2.61 packages are not available from the public npm registry. Installation requires approval and private registry credentials supplied by WorkRoot. Never paste registry tokens into source control, issue reports, or support messages.

Request process

  1. Contact WorkRoot through the public contact path at workroot.in.
  2. Describe the application, team, expected deployment, and Bun environment.
  3. After approval, follow the registry instructions supplied privately.
  4. Use the canonical scaffold command below only after authentication.
bunx @wrnexus/cli@0.2.61 create my-app

Access approval, response time, licensing terms, and support level remain owner-controlled. This site does not collect access requests directly.

+
} } \ No newline at end of file diff --git a/app/pages/architecture.wrn b/app/pages/architecture.wrn index dca9778b..759fd02a 100644 --- a/app/pages/architecture.wrn +++ b/app/pages/architecture.wrn @@ -7,10 +7,10 @@ page Architecture { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Framework architecture · 0.2.60

Architecture

WRNexusJS is Bun-native and SSR-first. File discovery maps pages and API handlers; middleware enriches or short-circuits a request; the compiler turns .wrn declarations into server render functions and small feature runtimes.

Request and build lifecycle

  1. DiscoverPages, APIs, middleware, components, layouts, schemas, rooms
  2. CompileParse .wrn, validate grammar, generate server code
  3. RequestLimits, security, locale, session, middleware
  4. MatchStatic and dynamic file route
  5. RenderSSR data, escaped interpolation, components, metadata
  6. EnhanceOnly required reactive/directive runtimes

Package boundaries

core owns contexts, middleware, sessions and rooms; router discovers routes; compiler parses .wrn; ssr renders documents; csr supplies browser runtimes; dev-server and cli orchestrate development and builds.

Security and data flow

Validation happens at trust boundaries. Session authentication establishes identity; authorization makes resource decisions. CSP, Trusted Types, CSRF, upload checks, WebSocket origins, request limits, and output escaping are layered controls—not substitutes for application policy.

Realtime and scale

Rooms are process-local unless connected through pub/sub. Redis-backed pub/sub distributes events. Queue durability depends on the selected driver and must be evaluated explicitly.

Workspaces and gateways

The gateway can dispatch multiple applications while preserving route, component, asset, config, and session boundaries. Validate host routing and isolation before production.

Build and deployment

wrnexus build . produces dist/server.js and hashed/static assets. Run the server with Bun, apply migrations before traffic, terminate TLS at a trusted edge, and forward only expected proxy headers.

Mobile

Mobile compatibility bridges SSR-safe Capacitor capabilities; native route generation is experimental and is not general web portability. Test each target platform.

Generated files and limits

app/routes.gen.ts, .wrnexus/, and dist/ are generated. The runtime is Bun-only. Preview packages are private. Historical compatibility and long-term support policy are not yet published.

- +
Framework architecture · 0.2.61

Architecture

WRNexusJS is Bun-native and SSR-first. File discovery maps pages and API handlers; middleware enriches or short-circuits a request; the compiler turns .wrn declarations into server render functions and small feature runtimes.

Request and build lifecycle

  1. DiscoverPages, APIs, middleware, components, layouts, schemas, rooms
  2. CompileParse .wrn, validate grammar, generate server code
  3. RequestLimits, security, locale, session, middleware
  4. MatchStatic and dynamic file route
  5. RenderSSR data, escaped interpolation, components, metadata
  6. EnhanceOnly required reactive/directive runtimes

Package boundaries

core owns contexts, middleware, sessions and rooms; router discovers routes; compiler parses .wrn; ssr renders documents; csr supplies browser runtimes; dev-server and cli orchestrate development and builds.

Security and data flow

Validation happens at trust boundaries. Session authentication establishes identity; authorization makes resource decisions. CSP, Trusted Types, CSRF, upload checks, WebSocket origins, request limits, and output escaping are layered controls—not substitutes for application policy.

Realtime and scale

Rooms are process-local unless connected through pub/sub. Redis-backed pub/sub distributes events. Queue durability depends on the selected driver and must be evaluated explicitly.

Workspaces and gateways

The gateway can dispatch multiple applications while preserving route, component, asset, config, and session boundaries. Validate host routing and isolation before production.

Build and deployment

wrnexus build . produces dist/server.js and hashed/static assets. Run the server with Bun, apply migrations before traffic, terminate TLS at a trusted edge, and forward only expected proxy headers.

Mobile

Mobile compatibility bridges SSR-safe Capacitor capabilities; native route generation is experimental and is not general web portability. Test each target platform.

Generated files and limits

app/routes.gen.ts, .wrnexus/, and dist/ are generated. The runtime is Bun-only. Preview packages are private. Historical compatibility and long-term support policy are not yet published.

+
} } \ No newline at end of file diff --git a/app/pages/benchmarks.wrn b/app/pages/benchmarks.wrn index cc0af2e7..431ee48a 100644 --- a/app/pages/benchmarks.wrn +++ b/app/pages/benchmarks.wrn @@ -7,10 +7,10 @@ page Benchmarks { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation

Benchmarks

No publishable benchmark dataset yet

No comparative speed claims are published. A valid baseline must record scripts, commit, Bun/framework versions, hardware, OS, warmup, samples, workload, raw results, median, percentiles, memory, HTML size, browser JavaScript size, and run date.

The roadmap starts with WRNexusJS-only measurements before any maintained equivalent-workload comparison.

- +
} } \ No newline at end of file diff --git a/app/pages/changelog.wrn b/app/pages/changelog.wrn index ae32ad09..63f4b9fc 100644 --- a/app/pages/changelog.wrn +++ b/app/pages/changelog.wrn @@ -7,10 +7,10 @@ page Changelog { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-

Changelog

0.2.60 2026-07-13

Documentation is aligned to all 26 installed packages. This release adds @wrnexus/helpers, original-request URL helpers, safe login redirects, working wrnexus workspace add, and forward-auth redirect propagation.

Migration notes

Run wrnexus update --latest and keep every @wrnexus/* package on 0.2.60. Existing applications must explicitly add @wrnexus/helpers before importing it; newly scaffolded applications include it automatically.

Versioning and support

The packages use semantic-looking versions, but a formal compatibility and old-release support policy has not been approved. Preview consumers should treat minor releases as potentially requiring migration review.

- +

Changelog

0.2.61 2026-07-13

Documentation is aligned to all 26 installed packages. This release adds @wrnexus/helpers, original-request URL helpers, safe login redirects, working wrnexus workspace add, and forward-auth redirect propagation.

Migration notes

Run wrnexus update --latest and keep every @wrnexus/* package on 0.2.61. Existing applications must explicitly add @wrnexus/helpers before importing it; newly scaffolded applications include it automatically.

Versioning and support

The packages use semantic-looking versions, but a formal compatibility and old-release support policy has not been approved. Preview consumers should treat minor releases as potentially requiring migration review.

+
} } \ No newline at end of file diff --git a/app/pages/examples.wrn b/app/pages/examples.wrn index 70660e6d..c9fd02f4 100644 --- a/app/pages/examples.wrn +++ b/app/pages/examples.wrn @@ -7,10 +7,10 @@ page Examples { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-

Examples

Examples are tied to installed 0.2.60 package documentation. The focused snippets in guides are source-verified; standalone runnable projects and CI compilation are tracked as remaining work.

Minimal .wrn page

Documented

Database CRUD

Planned fixture

Authentication and protected route

Planned fixture

Permissions

Planned fixture

Forms and validation

Documented

Realtime dashboard

Planned fixture

File upload

Planned fixture

Background queue

Planned fixture

Redis pub/sub

Planned fixture

Workspace gateway

Planned fixture

Deployment

Planned fixture

Experimental mobile mode

Planned fixture
- +

Examples

Examples are tied to installed 0.2.61 package documentation. The focused snippets in guides are source-verified; standalone runnable projects and CI compilation are tracked as remaining work.

Minimal .wrn page

Documented

Database CRUD

Planned fixture

Authentication and protected route

Planned fixture

Permissions

Planned fixture

Forms and validation

Documented

Realtime dashboard

Planned fixture

File upload

Planned fixture

Background queue

Planned fixture

Redis pub/sub

Planned fixture

Workspace gateway

Planned fixture

Deployment

Planned fixture

Experimental mobile mode

Planned fixture
+
} } \ No newline at end of file diff --git a/app/pages/getting-started.wrn b/app/pages/getting-started.wrn index ae2d1e75..02de3389 100644 --- a/app/pages/getting-started.wrn +++ b/app/pages/getting-started.wrn @@ -7,9 +7,9 @@ page Gettingstarted { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · v0.2.60

Build a contact inbox

This path creates a server-rendered page, validated API route, middleware, and realtime next step. It requires approved registry access and Bun 1.3.x; this site was verified with Bun 1.3.14.

1. Create the project

bunx @wrnexus/cli@0.2.60 create my-app
+      
Preview guide · v0.2.61
Build a contact inbox
This path creates a server-rendered page, validated API route, middleware, and realtime next step. It requires approved registry access and Bun 1.3.x; this site was verified with Bun 1.3.14.
1. Create the project
bunx @wrnexus/cli@0.2.61 create my-app
 cd my-app
 bun install
 bun run dev
2. Know the structure
app/pages/       # file-based .wrn routes
@@ -39,7 +39,7 @@ export const POST = async (ctx) => {
 }
7. Test and ship
bun run test
 bun run build
 bun dist/server.js
Next: deployment, database, authentication, and workspaces.

-      
+
} } \ No newline at end of file diff --git a/app/pages/guides/api-routes.wrn b/app/pages/guides/api-routes.wrn index 34d82d5e..af7d3775 100644 --- a/app/pages/guides/api-routes.wrn +++ b/app/pages/guides/api-routes.wrn @@ -7,10 +7,10 @@ page APIroutes { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

API routes

Export GET, POST, PUT, PATCH, or DELETE from app/api files. Validate request bodies, enforce authentication and authorization, cap request sizes, and return Web Responses.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

API routes

Export GET, POST, PUT, PATCH, or DELETE from app/api files. Validate request bodies, enforce authentication and authorization, cap request sizes, and return Web Responses.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/authentication.wrn b/app/pages/guides/authentication.wrn index 06be76a4..6d1a71a4 100644 --- a/app/pages/guides/authentication.wrn +++ b/app/pages/guides/authentication.wrn @@ -7,10 +7,10 @@ page Authentication { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Authentication

Configure session authentication, log users in through supported auth helpers, and read identity from context. Cookie flags, rotation, expiry, and secret storage remain deployment responsibilities.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Authentication

Configure session authentication, log users in through supported auth helpers, and read identity from context. Cookie flags, rotation, expiry, and secret storage remain deployment responsibilities.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/authorization.wrn b/app/pages/guides/authorization.wrn index 21a27a23..c2b6d507 100644 --- a/app/pages/guides/authorization.wrn +++ b/app/pages/guides/authorization.wrn @@ -7,10 +7,10 @@ page Authorization { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Authorization

Authentication identifies; authorization decides. Enforce permissions in server routes and policies, including object ownership. UI hiding is never an authorization boundary.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Authorization

Authentication identifies; authorization decides. Enforce permissions in server routes and policies, including object ownership. UI hiding is never an authorization boundary.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/configuration-and-profiles.wrn b/app/pages/guides/configuration-and-profiles.wrn index 3df92925..ac1d796d 100644 --- a/app/pages/guides/configuration-and-profiles.wrn +++ b/app/pages/guides/configuration-and-profiles.wrn @@ -7,10 +7,10 @@ page Configurationandprofiles { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Configuration and profiles

wrnexus.config.ts owns styles, SEO, security, data, mobile, fonts, and profiles. Keep secrets in validated environment variables and review merged production configuration.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Configuration and profiles

wrnexus.config.ts owns styles, SEO, security, data, mobile, fonts, and profiles. Keep secrets in validated environment variables and review merged production configuration.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/database.wrn b/app/pages/guides/database.wrn index b3a79dc3..a348f23c 100644 --- a/app/pages/guides/database.wrn +++ b/app/pages/guides/database.wrn @@ -7,10 +7,10 @@ page Database { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Database

Configure SQLite or the installed supported driver, keep queries in named SQL blocks, generate typed functions, and apply migrations before traffic. Back up data and test rollback independently.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Database

Configure SQLite or the installed supported driver, keep queries in named SQL blocks, generate typed functions, and apply migrations before traffic. Back up data and test rollback independently.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/deployment.wrn b/app/pages/guides/deployment.wrn index 02490448..34e94eef 100644 --- a/app/pages/guides/deployment.wrn +++ b/app/pages/guides/deployment.wrn @@ -7,10 +7,10 @@ page Deployment { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Deployment

Run bun run build, apply migrations, and start dist/server.js with Bun. Configure TLS, proxy trust, environment validation, health checks, graceful restarts, logs, backups, and restrictive security headers.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Deployment

Run bun run build, apply migrations, and start dist/server.js with Bun. Configure TLS, proxy trust, environment validation, health checks, graceful restarts, logs, backups, and restrictive security headers.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/forms-and-validation.wrn b/app/pages/guides/forms-and-validation.wrn index f025e98b..137b41ec 100644 --- a/app/pages/guides/forms-and-validation.wrn +++ b/app/pages/guides/forms-and-validation.wrn @@ -7,10 +7,10 @@ page Formsandvalidation { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Forms and validation

Define a v.object schema, use data-schema on the form, show field errors with data-error, and always call parseBody on the server. refine is server-only.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Forms and validation

Define a v.object schema, use data-schema on the form, show field errors with data-error, and always call parseBody on the server. refine is server-only.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/i18n-and-themes.wrn b/app/pages/guides/i18n-and-themes.wrn index 5968f68c..2972c08c 100644 --- a/app/pages/guides/i18n-and-themes.wrn +++ b/app/pages/guides/i18n-and-themes.wrn @@ -7,10 +7,10 @@ page Internationalizationandthemes { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Internationalization and themes

Store locale JSON under app/locales and use translation directives. Themes resolve CSS tokens; ensure contrast, system preference behavior, persistence, and non-color cues.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Internationalization and themes

Store locale JSON under app/locales and use translation directives. Themes resolve CSS tokens; ensure contrast, system preference behavior, persistence, and non-color cues.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/middleware.wrn b/app/pages/guides/middleware.wrn index 75c7f1e8..2d0a46bd 100644 --- a/app/pages/guides/middleware.wrn +++ b/app/pages/guides/middleware.wrn @@ -7,10 +7,10 @@ page Middleware { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Middleware

Middleware receives context and next. Return next() to continue or return a Response to stop. Put request limits and trust-boundary controls before business logic.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Middleware

Middleware receives context and next. Return next() to continue or return a Response to stop. Put request limits and trust-boundary controls before business logic.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/mobile.wrn b/app/pages/guides/mobile.wrn index e334167c..e9dc4259 100644 --- a/app/pages/guides/mobile.wrn +++ b/app/pages/guides/mobile.wrn @@ -7,10 +7,10 @@ page Mobile { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Mobile

Mobile capabilities are experimental in this preview. Test Capacitor permissions and lifecycle on each platform; do not assume every .wrn or browser API converts to native.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Mobile

Mobile capabilities are experimental in this preview. Test Capacitor permissions and lifecycle on each platform; do not assume every .wrn or browser API converts to native.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/observability.wrn b/app/pages/guides/observability.wrn index 4fbec392..90b01ffa 100644 --- a/app/pages/guides/observability.wrn +++ b/app/pages/guides/observability.wrn @@ -7,10 +7,10 @@ page Observability { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Observability

Use tracking middleware and sinks with redaction, sampling, stable request identifiers, alert ownership, and retention limits. Never capture registry tokens or session secrets.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Observability

Use tracking middleware and sinks with redaction, sampling, stable request identifiers, alert ownership, and retention limits. Never capture registry tokens or session secrets.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/pages-and-components.wrn b/app/pages/guides/pages-and-components.wrn index 84c2731e..dcfc5c6f 100644 --- a/app/pages/guides/pages-and-components.wrn +++ b/app/pages/guides/pages-and-components.wrn @@ -7,10 +7,10 @@ page Pagesandcomponents { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Pages and components

Pages are routable, components are reusable, and layouts provide shared slots. Mount a component with data-component and keep browser state scoped and minimal.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Pages and components

Pages are routable, components are reusable, and layouts provide shared slots. Mount a component with data-component and keep browser state scoped and minimal.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/project-structure.wrn b/app/pages/guides/project-structure.wrn index 8bf6a5f2..93fe3dcf 100644 --- a/app/pages/guides/project-structure.wrn +++ b/app/pages/guides/project-structure.wrn @@ -7,10 +7,10 @@ page Projectstructure { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Project structure

Pages, components, layouts, APIs, middleware, schemas, database files, locales, realtime rooms, and styles live under app. Never edit app/routes.gen.ts, .wrnexus, or dist by hand.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Project structure

Pages, components, layouts, APIs, middleware, schemas, database files, locales, realtime rooms, and styles live under app. Never edit app/routes.gen.ts, .wrnexus, or dist by hand.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/pubsub.wrn b/app/pages/guides/pubsub.wrn index 4d21946e..d9f778ad 100644 --- a/app/pages/guides/pubsub.wrn +++ b/app/pages/guides/pubsub.wrn @@ -7,10 +7,10 @@ page Pubsub { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Pub/sub

The in-process driver cannot cross processes. Use Redis where instances must share events, define channel ownership, and design for reconnects and duplicate delivery.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Pub/sub

The in-process driver cannot cross processes. Use Redis where instances must share events, define channel ownership, and design for reconnects and duplicate delivery.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/queues.wrn b/app/pages/guides/queues.wrn index ae0595b7..9b443f01 100644 --- a/app/pages/guides/queues.wrn +++ b/app/pages/guides/queues.wrn @@ -7,10 +7,10 @@ page Queues { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Queues

Queue behavior is preview-level. Treat in-process work as non-durable, make handlers idempotent, cap retries, record failures, and choose a production persistence strategy.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Queues

Queue behavior is preview-level. Treat in-process work as non-durable, make handlers idempotent, cap retries, record failures, and choose a production persistence strategy.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/realtime.wrn b/app/pages/guides/realtime.wrn index 75646104..0d377b7d 100644 --- a/app/pages/guides/realtime.wrn +++ b/app/pages/guides/realtime.wrn @@ -7,10 +7,10 @@ page Realtime { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Realtime

defineRoom handles connection and messages. Validate message shapes, authorize subscriptions, restrict origins, bound payloads, and use pub/sub to scale across processes.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Realtime

defineRoom handles connection and messages. Validate message shapes, authorize subscriptions, restrict origins, bound payloads, and use pub/sub to scale across processes.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/routing.wrn b/app/pages/guides/routing.wrn index a94f691b..0a2889ff 100644 --- a/app/pages/guides/routing.wrn +++ b/app/pages/guides/routing.wrn @@ -7,10 +7,10 @@ page Routing { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Routing

A page filename defines its URL; index maps to the directory root and bracket segments are dynamic parameters. API files under app/api expose HTTP method functions and receive a Context.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Routing

A page filename defines its URL; index maps to the directory root and bracket segments are dynamic parameters. API files under app/api expose HTTP method functions and receive a Context.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/security.wrn b/app/pages/guides/security.wrn index 90b2c377..d88b69ba 100644 --- a/app/pages/guides/security.wrn +++ b/app/pages/guides/security.wrn @@ -7,10 +7,10 @@ page Applicationsecurity { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Application security

Use CSP, CSRF, Trusted Types, session hardening, validation, origin checks, upload restrictions, encryption, request limits, and explicit CORS. See the security policy for reporting.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Application security

Use CSP, CSRF, Trusted Types, session hardening, validation, origin checks, upload restrictions, encryption, request limits, and explicit CORS. See the security policy for reporting.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/server-data.wrn b/app/pages/guides/server-data.wrn index ba160607..ee208f48 100644 --- a/app/pages/guides/server-data.wrn +++ b/app/pages/guides/server-data.wrn @@ -7,10 +7,10 @@ page Serverdata { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Server data

Use an ssr API binding, return the desired response field, and render it with a server #each block. Values are escaped. Avoid fetching private data through a route that lacks authorization.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Server data

Use an ssr API binding, return the desired response field, and render it with a server #each block. Values are escaped. Avoid fetching private data through a route that lacks authorization.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/testing.wrn b/app/pages/guides/testing.wrn index cbe00ce2..4f1537ca 100644 --- a/app/pages/guides/testing.wrn +++ b/app/pages/guides/testing.wrn @@ -7,10 +7,10 @@ page Testing { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Testing

Use Bun tests and @wrnexus/test helpers. Cover server HTML, API status and validation, authorization failures, reactive behavior, and a production startup smoke test.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Testing

Use Bun tests and @wrnexus/test helpers. Cover server HTML, API status and validation, authorization failures, reactive behavior, and a production startup smoke test.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/troubleshooting.wrn b/app/pages/guides/troubleshooting.wrn index 112d3b59..74c0bfe3 100644 --- a/app/pages/guides/troubleshooting.wrn +++ b/app/pages/guides/troubleshooting.wrn @@ -7,10 +7,10 @@ page Troubleshooting { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Troubleshooting

Confirm Bun and package versions, regenerate docs/routes through supported commands, read the first compiler diagnostic, check file naming, validate config, and reproduce under a production build.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Troubleshooting

Confirm Bun and package versions, regenerate docs/routes through supported commands, read the first compiler diagnostic, check file naming, validate config, and reproduce under a production build.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/upgrading.wrn b/app/pages/guides/upgrading.wrn index cc0d1c16..f4f4ed90 100644 --- a/app/pages/guides/upgrading.wrn +++ b/app/pages/guides/upgrading.wrn @@ -7,10 +7,10 @@ page Upgrading { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Upgrading

Back up and commit first, then use wrnexus update --latest as documented by the installed CLI. Review migrations and keep every @wrnexus package aligned. Current release: 0.2.60.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Upgrading

Back up and commit first, then use wrnexus update --latest as documented by the installed CLI. Review migrations and keep every @wrnexus package aligned. Current release: 0.2.61.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/uploads.wrn b/app/pages/guides/uploads.wrn index e9d9d396..758f1e3f 100644 --- a/app/pages/guides/uploads.wrn +++ b/app/pages/guides/uploads.wrn @@ -7,10 +7,10 @@ page Uploads { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Uploads

Configure named stores, accepted MIME/extensions, and maxBytes. Random keys avoid path traversal. Private files require an authenticated serving route; v1 buffers each file in memory.

Release scope

This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

- +
Preview guide · 0.2.61

Uploads

Configure named stores, accepted MIME/extensions, and maxBytes. Random keys avoid path traversal. Private files require an authenticated serving route; v1 buffers each file in memory.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/guides/workspaces-and-gateway.wrn b/app/pages/guides/workspaces-and-gateway.wrn index 7e2558cc..4a62fe4d 100644 --- a/app/pages/guides/workspaces-and-gateway.wrn +++ b/app/pages/guides/workspaces-and-gateway.wrn @@ -7,9 +7,9 @@ page Workspacesandgateway { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview guide · 0.2.60

Workspaces and gateway

A workspace runs isolated applications behind one domain-routing gateway. Add an application from the workspace root; the CLI scaffolds apps/reports and registers it in wrnexus.workspace.ts:

wrnexus workspace add reports --domain=reports.localhost
+      
Preview guide · 0.2.61
Workspaces and gateway
A workspace runs isolated applications behind one domain-routing gateway. Add an application from the workspace root; the CLI scaffolds apps/reports and registers it in wrnexus.workspace.ts:
wrnexus workspace add reports --domain=reports.localhost
 bun install
 bun run dev
Forward authentication
Point protected applications at a dedicated verifier endpoint. The verifier must return 2xx for an authenticated session, 401/403 to deny access, or an HTTP redirect to begin browser login.
// wrnexus.workspace.ts
 {
@@ -28,8 +28,8 @@ export const GET = async (ctx: Context) => {
   return redirectToLogin(ctx, "/login", {
     allowedHosts: ["admin.localhost:3000", "reports.localhost:3000"],
   });
-};
Always allowlist redirect hosts. After login, validate or sign the returnTo value before redirecting. Keep internal app ports private and open applications through the gateway port.
Release scope
This guide describes installed 0.2.60 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.
Browse package APIs · Troubleshooting · Support

-      
+};

Always allowlist redirect hosts. After login, validate or sign the returnTo value before redirecting. Keep internal app ports private and open applications through the gateway port.

Release scope

This guide describes installed 0.2.61 capabilities. Follow linked package declarations for exact signatures; undocumented behavior is not guaranteed.

Browse package APIs · Troubleshooting · Support

+
} } \ No newline at end of file diff --git a/app/pages/index.wrn b/app/pages/index.wrn index c2a65e63..4d11bb95 100644 --- a/app/pages/index.wrn +++ b/app/pages/index.wrn @@ -7,9 +7,9 @@ page Home { view {
-
W WRNexusJS
Private preview · v0.2.60
+
W WRNexusJS
Private preview · v0.2.61
Menu
-
Private Developer Preview

WRNexusJS v0.2.60

Build from the server.
Ship only what matters.

WRNexusJS is an SSR-first, Bun-native full-stack framework. Build typed pages, APIs, validated forms, realtime rooms, secure sessions, workspaces, and optional mobile experiences with the .wrn component language.

Request preview accessRead the preview docs

Private developer preview. Request access to the package registry.

app/pages/dashboard.wrn
page Dashboard {
+      
 Private Developer Preview
WRNexusJS v0.2.61
Build from the server.
Ship only what matters.
WRNexusJS is an SSR-first, Bun-native full-stack framework. Build typed pages, APIs, validated forms, realtime rooms, secure sessions, workspaces, and optional mobile experiences with the .wrn component language.
Request preview accessRead the preview docs
Private developer preview. Request access to the package registry.
app/pages/dashboard.wrn
page Dashboard {
   ssr { api tasks GET /api/tasks { return tasks } }
   view {
     <main>
@@ -35,10 +35,10 @@ export const POST = async (ctx) => {
   return result.ok ? Response.json({ ok: true }, { status: 201 }) : result.response;
 };

 
Request lifecycle
  1. RequestSecurity headers and request limits
  2. MiddlewareAuthentication, policy, and context
  3. File routePage or API handler
  4. Compiler + SSRSafe HTML and scoped runtime
  5. ResponseHTML, JSON, stream, or realtime upgrade

-
Production proof
WorkRoot
Public creator/company site and approved WRNexusJS production showcase.
wrnexusjs.dev
This documentation application runs WRNexusJS 0.2.60.
View deployment notes and showcase status →

-
Capability status
CapabilityStatusDetails
SSR, routing, compiler, APIsPreviewInstalled in 0.2.60; public support policy pending.
Mobile/nativeExperimentalCapacitor compatibility and native generation have platform limitations.
Durable queuesExperimentalProduction durability requires an appropriate driver strategy.

+
Production proof
WorkRoot
Public creator/company site and approved WRNexusJS production showcase.
wrnexusjs.dev
This documentation application runs WRNexusJS 0.2.61.
View deployment notes and showcase status →

+
Capability status
CapabilityStatusDetails
SSR, routing, compiler, APIsPreviewInstalled in 0.2.61; public support policy pending.
Mobile/nativeExperimentalCapacitor compatibility and native generation have platform limitations.
Durable queuesExperimentalProduction durability requires an appropriate driver strategy.

 
Continue exploring
Explore 26 packagesRelease notesRoadmapSupport and access

-      
+
} } \ No newline at end of file diff --git a/app/pages/language.wrn b/app/pages/language.wrn index c108b387..ce640e54 100644 --- a/app/pages/language.wrn +++ b/app/pages/language.wrn @@ -7,15 +7,15 @@ page Thewrnlanguage { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Language reference · 0.2.60

The .wrn language

File anatomy

page Account {
+      
Language reference · 0.2.61
The .wrn language
File anatomy
page Account {
   layout = "public"
   seo { title = "Account" description = "Manage your account." }
   state count = 0
   view { <button @click="count++">Count {count}</button> }
 }
Pages, components, layouts, props, and state
Pages are routes. Components declare default-valued props and may hold state. Layouts provide shared slots. Mount components with data-component; fill default or named slots with data-slot.
Interpolation, conditionals, and loops
Interpolation is HTML-escaped. Use server {#if} and {#each} for SSR data. Use data-show for reactive client visibility.
Events and directives
@click and other events execute in the reactive scope. Data attributes opt into forms, i18n, themes, realtime, uploader, browser, and mobile behavior. Consult the exact package page because availability varies.
Forms, i18n, themes, and realtime
form[data-schema] connects descriptors to client and server validation. Translation keys use {t:key}. Theme toggles use data-wire-theme-toggle. Realtime pages opt into a named room.
Escaping and security
Text interpolation is escaped by default. Do not construct trusted HTML from user input. Server-only refinements must be repeated at the authoritative mutation boundary.
Common compiler errors
  • Use balanced braces; a literal brace must be escaped.
  • Declare UI in view, not JSX or hooks.
  • Use a valid page, component, or layout declaration matching the file role.
  • Keep server loops tied to available SSR bindings.
  • Check troubleshooting and compiler API for this release.

-      
+
} } \ No newline at end of file diff --git a/app/pages/license.wrn b/app/pages/license.wrn index fdff1cf0..934718cb 100644 --- a/app/pages/license.wrn +++ b/app/pages/license.wrn @@ -7,10 +7,10 @@ page License { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation

License

Owner decision required

This documentation repository contains no public license file, and the packages are unavailable from the public npm registry. No open-source license or redistribution right should be inferred.

Approved preview users must follow the private/commercial terms supplied by WorkRoot. Contact WorkRoot before copying, redistributing, or using WRNexusJS in production.

- +
} } \ No newline at end of file diff --git a/app/pages/packages.wrn b/app/pages/packages.wrn index a98ec708..57306664 100644 --- a/app/pages/packages.wrn +++ b/app/pages/packages.wrn @@ -12,10 +12,10 @@ page Packages {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
-
26 focused packages

Package reference

Everything in the framework, organized by responsibility and documented from the published 0.2.60 APIs.

Showing {category} packages

+
26 focused packages

Package reference

Everything in the framework, organized by responsibility and documented from the published 0.2.61 APIs.

Showing {category} packages

AI

@wrnexus/ai

Server-side Anthropic client with generation and streaming.

Open documentation → @@ -93,7 +93,7 @@ page Packages { Security

@wrnexus/validation

Typed schemas, coercion, validation, and browser descriptors.

Open documentation →
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/ai.wrn b/app/pages/packages/ai.wrn index bd6bac9e..1098f7f9 100644 --- a/app/pages/packages/ai.wrn +++ b/app/pages/packages/ai.wrn @@ -10,12 +10,12 @@ page wrnexusai {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
AI · Preview

@wrnexus/ai

Server-side Anthropic client with generation and streaming.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/ai@0.2.60

Request preview access. Never put registry tokens in source control.

A tiny, zero-dependency Claude (Anthropic) client for WRNexusJS apps — generate and stream text with Claude from any server-side code.
+ +
AI · Preview

@wrnexus/ai

Server-side Anthropic client with generation and streaming.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/ai@0.2.61

Request preview access. Never put registry tokens in source control.

A tiny, zero-dependency Claude (Anthropic) client for WRNexusJS apps — generate and stream text with Claude from any server-side code.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/ai is a thin, dependency-free wrapper over the Anthropic Messages API, built on fetch (Bun-native, no SDK). Use it in API routes, jobs, or middleware to call Claude. It defaults to the most capable model, claude-opus-4-8, reads your key from ANTHROPIC_API_KEY, and supports both one-shot generation and streaming.

@@ -202,7 +202,7 @@ export const POST = async (ctx) => { };
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/authz.wrn b/app/pages/packages/authz.wrn index a427b131..1b3197ed 100644 --- a/app/pages/packages/authz.wrn +++ b/app/pages/packages/authz.wrn @@ -10,12 +10,12 @@ page wrnexusauthz {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Security · Preview

@wrnexus/authz

Role, permission, policy, and authorization guards.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/authz@0.2.60

Request preview access. Never put registry tokens in source control.

Composable authorization for WRNexusJS — role-based (RBAC), policy-based (PBAC), and attribute-based (ABAC) access control that reduces to a boolean check plus an authorize() guard.
+ +
Security · Preview

@wrnexus/authz

Role, permission, policy, and authorization guards.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/authz@0.2.61

Request preview access. Never put registry tokens in source control.

Composable authorization for WRNexusJS — role-based (RBAC), policy-based (PBAC), and attribute-based (ABAC) access control that reduces to a boolean check plus an authorize() guard.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/authz is a small, server-side authorization toolkit. It gives you three interchangeable models — RBAC (roles → permissions), PBAC (policy predicates), and ABAC (attribute matchers) — that all collapse to a boolean | Promise<boolean> decision. Wrap any decision in a Middleware guard (authorize, requireRole, requirePermission) to protect WRNexusJS routes. Reach for it whenever a route or action needs to be gated on who the user is, what roles they hold, or attributes of the user and the resource. It plugs into @wrnexus/core by reading ctx.user as the authorization subject.

@@ -227,7 +227,7 @@ app.put( );
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/cli.wrn b/app/pages/packages/cli.wrn index fa3600f9..ce09f8b5 100644 --- a/app/pages/packages/cli.wrn +++ b/app/pages/packages/cli.wrn @@ -10,12 +10,12 @@ page wrnexuscli {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Tooling · Preview

@wrnexus/cli

Create, develop, build, generate, test, and maintain WRNexusJS apps.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/cli@0.2.60

Request preview access. Never put registry tokens in source control.

The wrnexus command-line tool that scaffolds, runs, builds, tests, and manages WRNexusJS apps.
+ +
Tooling · Preview

@wrnexus/cli

Create, develop, build, generate, test, and maintain WRNexusJS apps.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/cli@0.2.61

Request preview access. Never put registry tokens in source control.

The wrnexus command-line tool that scaffolds, runs, builds, tests, and manages WRNexusJS apps.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/cli provides the wrnexus executable — the single entry point for developing a WRNexusJS app. It runs the HMR dev server, produces a self-contained production build, scaffolds apps/pages/components, drives database migrations, regenerates typed routes and queries, runs tests, and manages configuration profiles. It also scaffolds multi-app monorepos and serves them behind a domain-routing gateway. This is a CLI/build-time package (it shells out to the Bun binary for the dev child and tests) and it also exports the workspace config types via a subpath.

@@ -151,7 +151,7 @@ wrnexus update --latest wrnexus doctor
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/compiler.wrn b/app/pages/packages/compiler.wrn index 99643ce8..68c00c45 100644 --- a/app/pages/packages/compiler.wrn +++ b/app/pages/packages/compiler.wrn @@ -10,12 +10,12 @@ page wrnexuscompiler {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Core · Preview

@wrnexus/compiler

Parser and code generators for the .wrn language.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/compiler@0.2.60

Request preview access. Never put registry tokens in source control.

Compiler for the .wrn language — tokenizes, parses, and lowers .wrn page and component files to TypeScript.
+ +
Core · Preview

@wrnexus/compiler

Parser and code generators for the .wrn language.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/compiler@0.2.61

Request preview access. Never put registry tokens in source control.

Compiler for the .wrn language — tokenizes, parses, and lowers .wrn page and component files to TypeScript.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/compiler turns .wrn source into TypeScript that targets the framework's runtime primitives. A .wrn file declares either a page (a route) or a component (a reusable, prop-driven fragment) with blocks for state, view (plain HTML), seo, style, functions, api, ssr/client data bindings, and realtime websocket handlers. The pipeline is source → Lexer → parse() → PageAst → generate() → TypeScript. It is a build/server-side library — the WRNexusJS dev loader calls it to compile .wrn files on the fly, surfacing ParseError as a readable error page.

@@ -404,7 +404,7 @@ lx.next(); // { type: "ident", value: "Home", pos: 5 &# lx.next(); // { type: "lbrace", value: "{", pos: 10 }
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/core.wrn b/app/pages/packages/core.wrn index 7364787f..794c12b9 100644 --- a/app/pages/packages/core.wrn +++ b/app/pages/packages/core.wrn @@ -10,12 +10,12 @@ page wrnexuscore {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Core · Preview

@wrnexus/core

Contexts, middleware, security, sessions, caching, JSX, and realtime.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/core@0.2.60

Request preview access. Never put registry tokens in source control.

The framework core: the request Context, middleware contract, and the security, session, caching, streaming, realtime, and JSX primitives every other WRNexusJS package builds on.
+ +
Core · Preview

@wrnexus/core

Contexts, middleware, security, sessions, caching, JSX, and realtime.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/core@0.2.61

Request preview access. Never put registry tokens in source control.

The framework core: the request Context, middleware contract, and the security, session, caching, streaming, realtime, and JSX primitives every other WRNexusJS package builds on.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/core is the shared foundation of WRNexusJS. It defines the Context object that flows through every middleware, page, and API route, plus the Middleware/Next contract they implement. On top of that it ships the building blocks a real app needs: cookie-backed sessions, password auth, CSRF protection, rate limiting, request logging, HTTP + in-memory caching, file uploads, streaming/SSE responses, WebSocket "rooms", security headers/CORS, and a server-side JSX runtime that renders to HTML strings. Everything here is server-side and Bun-native (it uses Bun.password, Bun.write, the web-standard Request/Response, and crypto). You depend on it directly and transitively through the rest of the framework.

@@ -990,7 +990,7 @@ const registry = createRealtimeRegistry(); bridgeRealtime(registry, createPubSub(redisDriver(process.env.REDIS_URL)));
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/csr.wrn b/app/pages/packages/csr.wrn index 30d8df1d..283870a6 100644 --- a/app/pages/packages/csr.wrn +++ b/app/pages/packages/csr.wrn @@ -10,12 +10,12 @@ page wrnexuscsr {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Frontend · Preview

@wrnexus/csr

Reactive, navigation, and realtime browser runtimes.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/csr@0.2.60

Request preview access. Never put registry tokens in source control.

The browser-side client runtime for WRNexusJS — generic, self-contained JS that hydrates server-rendered pages with reactivity, client-side navigation, and realtime rooms.
+ +
Frontend · Preview

@wrnexus/csr

Reactive, navigation, and realtime browser runtimes.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/csr@0.2.61

Request preview access. Never put registry tokens in source control.

The browser-side client runtime for WRNexusJS — generic, self-contained JS that hydrates server-rendered pages with reactivity, client-side navigation, and realtime rooms.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/csr holds the three client runtimes that WRNexusJS serves to the browser. Components are authored as .wrn files and rendered on the server; this package provides the single, generic runtime that hydrates that HTML in the browser — there are no per-component browser bundles. Each runtime is exported as a plain-JS string (no build step, no imports) intended to be served verbatim from a well-known URL:

@@ -252,7 +252,7 @@ room.on("chat", (msg) => console.log(msg.user, msg.text)); room.send({ type: "chat", user: "ada", text: "hi" });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/db.wrn b/app/pages/packages/db.wrn index 4db1c7d6..cc1c674f 100644 --- a/app/pages/packages/db.wrn +++ b/app/pages/packages/db.wrn @@ -10,12 +10,12 @@ page wrnexusdb {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Data · Preview

@wrnexus/db

Database adapters, typed queries, models, migrations, and sessions.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/db@0.2.60

Request preview access. Never put registry tokens in source control.

The database layer for WRNexusJS: TS models as the single source of truth for DDL, validation, and result typing, plus a driver-based Db client, migrations, and a sqlc-style query generator.
+ +
Data · Preview

@wrnexus/db

Database adapters, typed queries, models, migrations, and sessions.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/db@0.2.61

Request preview access. Never put registry tokens in source control.

The database layer for WRNexusJS: TS models as the single source of truth for DDL, validation, and result typing, plus a driver-based Db client, migrations, and a sqlc-style query generator.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/db is the server-side data layer. You describe tables as TypeScript models (the v column builder + table()); those models drive migrations, coerce raw DB rows into typed objects, and feed the query generator. A thin Driver interface is implemented by adapters for SQLite (bun:sqlite), Postgres/MySQL (Bun.SQL), and MongoDB. The Db client adds ergonomics — model-mapped all/one, transactions, createTable, pagination, and batched relation loading. A process-wide registry (getDb/setDb) exposes configured connections to pages and API routes. Reach for it whenever a WRNexusJS app needs persistence.

@@ -341,7 +341,7 @@ await repo.insert({ email: "a@b.com" }); const active = await repo.find({ active: true });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/dev-server.wrn b/app/pages/packages/dev-server.wrn index 9c26b68f..402b5514 100644 --- a/app/pages/packages/dev-server.wrn +++ b/app/pages/packages/dev-server.wrn @@ -10,12 +10,12 @@ page wrnexusdevserver {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Runtime · Preview

@wrnexus/dev-server

Development and production servers, HMR, assets, and gateways.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/dev-server@0.2.60

Request preview access. Never put registry tokens in source control.

The WRNexusJS HTTP + WebSocket server runtime — request dispatch, SSR document assembly, live-reload (HMR), and the portable production handler.
+ +
Runtime · Preview

@wrnexus/dev-server

Development and production servers, HMR, assets, and gateways.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/dev-server@0.2.61

Request preview access. Never put registry tokens in source control.

The WRNexusJS HTTP + WebSocket server runtime — request dispatch, SSR document assembly, live-reload (HMR), and the portable production handler.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

This package is the server runtime that powers a WRNexusJS app in both development and production. A single request runtime (createHandlers) owns HTTP/WebSocket dispatch and SSR document assembly; it knows nothing about _how_ modules and assets are produced, so the dev and prod entry points wire in different backends: dev uses dynamic module loading plus on-the-fly bundling and injects a live-reload client; prod uses a static, pre-built manifest with cache-immutable assets. The package also ships a multi-app gateway (route several apps by Host header behind one port) and a portable node:http adapter for WinterCG hosts. It is entirely server-side and Bun-native (Bun.serve, Bun.file, Bun.gzipSync).

@@ -695,7 +695,7 @@ await startGateway({ });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/encryption.wrn b/app/pages/packages/encryption.wrn index f28fb174..a67faa15 100644 --- a/app/pages/packages/encryption.wrn +++ b/app/pages/packages/encryption.wrn @@ -10,12 +10,12 @@ page wrnexusencryption {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Security · Preview

@wrnexus/encryption

Hashing, HMAC, authenticated encryption, and key derivation.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/encryption@0.2.60

Request preview access. Never put registry tokens in source control.

Dependency-free crypto helpers for WRNexusJS: authenticated symmetric encryption (AES-256-GCM), hashing, and HMAC signing.
+ +
Security · Preview

@wrnexus/encryption

Hashing, HMAC, authenticated encryption, and key derivation.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/encryption@0.2.61

Request preview access. Never put registry tokens in source control.

Dependency-free crypto helpers for WRNexusJS: authenticated symmetric encryption (AES-256-GCM), hashing, and HMAC signing.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

This package provides small, focused cryptographic primitives for server-side use: encrypting secrets/tokens/database fields at rest with AES-256-GCM, deriving keys from passwords via PBKDF2, computing SHA-256 digests, and signing/verifying payloads with HMAC-SHA256. It is built entirely on the standard Web Crypto API (crypto.subtle) plus btoa/atob and TextEncoder/TextDecoder — no third-party dependencies. Reach for it whenever you need to protect sensitive values or verify webhook signatures. All functions are async (Web Crypto is promise-based).

@@ -108,7 +108,7 @@ const ok = await hmacVerify(rawBody, webhookSecret, incomingSignatureHeader); if (!ok) throw new Error("Invalid webhook signature");
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/helpers.wrn b/app/pages/packages/helpers.wrn index aa6b30d8..bcb287d6 100644 --- a/app/pages/packages/helpers.wrn +++ b/app/pages/packages/helpers.wrn @@ -10,12 +10,12 @@ page wrnexushelpers {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Tooling · Preview

@wrnexus/helpers

Safe Context URL helpers and forward-auth login redirects.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/helpers@0.2.60

Request preview access. Never put registry tokens in source control.

Safe convenience helpers for common WRNexusJS application flows. The package uses standard Context, URL, and Response values and has no runtime dependency beyond @wrnexus/core.

+ +
Tooling · Preview

@wrnexus/helpers

Safe Context URL helpers and forward-auth login redirects.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/helpers@0.2.61

Request preview access. Never put registry tokens in source control.

Safe convenience helpers for common WRNexusJS application flows. The package uses standard Context, URL, and Response values and has no runtime dependency beyond @wrnexus/core.

bun add @wrnexus/helpers

The package is private, so the machine must be authenticated to the wrnexus npm organization.

Usage

@@ -136,7 +136,7 @@ export const GET = async (ctx: Context) => { };
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/i18n.wrn b/app/pages/packages/i18n.wrn index 56421b2e..dfcfc6ed 100644 --- a/app/pages/packages/i18n.wrn +++ b/app/pages/packages/i18n.wrn @@ -10,12 +10,12 @@ page wrnexusi18n {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Frontend · Preview

@wrnexus/i18n

Translation loading, locale resolution, and Intl formatting.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/i18n@0.2.60

Request preview access. Never put registry tokens in source control.

Per-request translations plus locale-aware number, date, and currency formatting for WRNexusJS apps.
+ +
Frontend · Preview

@wrnexus/i18n

Translation loading, locale resolution, and Intl formatting.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/i18n@0.2.61

Request preview access. Never put registry tokens in source control.

Per-request translations plus locale-aware number, date, and currency formatting for WRNexusJS apps.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/i18n loads locale files from app/locales/<lang>.json, resolves the active language for each request (cookie → Accept-Language → default), and builds a t(key, params) translator used both in server code and in .wrn views. It also ships Intl-based formatting helpers and a tiny client runtime that wires up a language switcher. Translation lookup, language resolution, and HTML marker rewriting run server-side; only the small I18N_RUNTIME snippet runs in the browser.

@@ -232,7 +232,7 @@ formatRelativeTime(-3, "day", lang); // "3 days ago" plural(2, { one: "# item", other: "# items" }, lang); // "2 items"
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/jwt.wrn b/app/pages/packages/jwt.wrn index 5653bc1e..405fe8da 100644 --- a/app/pages/packages/jwt.wrn +++ b/app/pages/packages/jwt.wrn @@ -10,12 +10,12 @@ page wrnexusjwt {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Security · Preview

@wrnexus/jwt

HS256 JWT signing, verification, and bearer authentication.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/jwt@0.2.60

Request preview access. Never put registry tokens in source control.

Dependency-free JSON Web Tokens (HS256) via Web Crypto, plus a bearer-token auth middleware for WRNexusJS.
+ +
Security · Preview

@wrnexus/jwt

HS256 JWT signing, verification, and bearer authentication.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/jwt@0.2.61

Request preview access. Never put registry tokens in source control.

Dependency-free JSON Web Tokens (HS256) via Web Crypto, plus a bearer-token auth middleware for WRNexusJS.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/jwt signs and verifies stateless JSON Web Tokens using the HS256 (HMAC-SHA-256) algorithm. It has no runtime dependencies — signing and verification are implemented directly on the standard Web Crypto API (crypto.subtle), which Bun provides natively. It runs server-side and pairs with the session-based auth in @wrnexus/core, giving you a stateless option for API and mobile clients. Reach for it when you need bearer-token auth rather than cookie sessions.

@@ -165,7 +165,7 @@ app.use(jwtAuth({ secret: process.env.JWT_SECRET! })); app.use(jwtAuth({ secret: process.env.JWT_SECRET!, required: false }));
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/mobile.wrn b/app/pages/packages/mobile.wrn index 929787a5..f01c937a 100644 --- a/app/pages/packages/mobile.wrn +++ b/app/pages/packages/mobile.wrn @@ -10,12 +10,12 @@ page wrnexusmobile {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Native · Preview

@wrnexus/mobile

SSR-safe compatibility access to Capacitor plugins.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/mobile@0.2.60

Request preview access. Never put registry tokens in source control.

SSR-safe access to Capacitor plugins from WRNexusJS browser code.
+ +
Native · Preview

@wrnexus/mobile

SSR-safe compatibility access to Capacitor plugins.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/mobile@0.2.61

Request preview access. Never put registry tokens in source control.

SSR-safe access to Capacitor plugins from WRNexusJS browser code.

Overview

@wrnexus/mobile keeps optional native imports out of server rendering while giving browser-owned modules one consistent registry for Capacitor plugins. During SSR, mobile.isNative() is false and mobile.platform() is "web".

Install a plugin through the WRNexusJS CLI so the web and native projects stay aligned:

@@ -132,7 +132,7 @@ const network = mobile.plugin<NetworkPlugin>("Network"); const status = network ? await network.getStatus() : { connected: true, connectionType: "unknown" };
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/native.wrn b/app/pages/packages/native.wrn index 39d20bf5..eb53ee41 100644 --- a/app/pages/packages/native.wrn +++ b/app/pages/packages/native.wrn @@ -10,12 +10,12 @@ page wrnexusnative {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Native · Preview

@wrnexus/native

Cross-platform browser and Capacitor capability registry.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/native@0.2.60

Request preview access. Never put registry tokens in source control.

Cross-platform capabilities for browsers, Capacitor WebViews, and compiled native apps.
+ +
Native · Preview

@wrnexus/native

Cross-platform browser and Capacitor capability registry.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/native@0.2.61

Request preview access. Never put registry tokens in source control.

Cross-platform capabilities for browsers, Capacitor WebViews, and compiled native apps.

Overview

@wrnexus/native exposes capabilities by name so application code can ask what the current platform supports before presenting an action. Browser capabilities use Web APIs; mobile capabilities use installed Capacitor plugins. platform() returns "server" during SSR, "browser" on the web, and the Capacitor platform in a native WebView.

bun add @wrnexus/native
@@ -124,7 +124,7 @@ const position = await native.run( );
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/oauth.wrn b/app/pages/packages/oauth.wrn index aa3d4bca..aed740bc 100644 --- a/app/pages/packages/oauth.wrn +++ b/app/pages/packages/oauth.wrn @@ -10,12 +10,12 @@ page wrnexusoauth {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Security · Preview

@wrnexus/oauth

OAuth 2.0, PKCE, provider presets, and profile mapping.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/oauth@0.2.60

Request preview access. Never put registry tokens in source control.

Dependency-free OAuth 2.0 sign-in for any provider, with PKCE and presets for Google, GitHub, and Discord.
+ +
Security · Preview

@wrnexus/oauth

OAuth 2.0, PKCE, provider presets, and profile mapping.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/oauth@0.2.61

Request preview access. Never put registry tokens in source control.

Dependency-free OAuth 2.0 sign-in for any provider, with PKCE and presets for Google, GitHub, and Discord.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/oauth implements the OAuth 2.0 Authorization Code flow (with PKCE) for server-side sign-in. It ships ready-made provider presets and a defineProvider helper for custom providers, then gives you two flow functions — startAuth (build the redirect) and completeAuth (exchange the code and fetch the user's profile). It has no runtime dependencies: it uses the platform fetch and WebCrypto only. Pairs naturally with @wrnexus/core's logIn to establish a session once you have a normalized profile.

@@ -287,7 +287,7 @@ const gitlab = defineProvider({ });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/pubsub.wrn b/app/pages/packages/pubsub.wrn index 7b9728d8..9138f214 100644 --- a/app/pages/packages/pubsub.wrn +++ b/app/pages/packages/pubsub.wrn @@ -10,12 +10,12 @@ page wrnexuspubsub {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Realtime · Preview

@wrnexus/pubsub

In-process and Redis-backed publish/subscribe.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/pubsub@0.2.60

Request preview access. Never put registry tokens in source control.

Topic-based publish/subscribe with a pluggable driver — in-process by default, Redis for cross-process messaging.
+ +
Realtime · Preview

@wrnexus/pubsub

In-process and Redis-backed publish/subscribe.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/pubsub@0.2.61

Request preview access. Never put registry tokens in source control.

Topic-based publish/subscribe with a pluggable driver — in-process by default, Redis for cross-process messaging.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/pubsub is a small server-side pub/sub bus. You publish messages to a topic and subscribe with topic patterns; handlers fire for matching topics. The default driver keeps everything in-process, and you can swap in the Redis driver (@wrnexus/pubsub/redis) to fan messages out across processes or hosts. It also backs @wrnexus/core's realtime bridge for horizontal scaling.

@@ -147,7 +147,7 @@ await bus.publish("order:created", { id: 7 }); driver.close();
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/queue.wrn b/app/pages/packages/queue.wrn index e754b76b..828ebb85 100644 --- a/app/pages/packages/queue.wrn +++ b/app/pages/packages/queue.wrn @@ -10,12 +10,12 @@ page wrnexusqueue {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Data · Preview

@wrnexus/queue

Background jobs with delay, concurrency, retry, and repetition.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/queue@0.2.60

Request preview access. Never put registry tokens in source control.

A background job queue with delays, retries + exponential backoff, recurring jobs, and concurrent workers.
+ +
Data · Preview

@wrnexus/queue

Background jobs with delay, concurrency, retry, and repetition.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/queue@0.2.61

Request preview access. Never put registry tokens in source control.

A background job queue with delays, retries + exponential backoff, recurring jobs, and concurrent workers.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/queue is a server-side in-process job queue. You register named workers, enqueue jobs (optionally delayed or recurring), and let the queue poll and run them on a timer — with per-job retry limits and doubling backoff between attempts. The default store lives in memory; the design allows a pluggable driver to back it with Redis/SQL for durability across restarts. Reach for it when you need to defer work (emails, webhooks, cleanup) off the request path without a heavyweight external broker. Tests can drive it deterministically via drain().

@@ -190,7 +190,7 @@ clock = 5000; const ran = await queue.drain(); // => 1
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/reactive.wrn b/app/pages/packages/reactive.wrn index 3535b30d..b2cc708e 100644 --- a/app/pages/packages/reactive.wrn +++ b/app/pages/packages/reactive.wrn @@ -10,12 +10,12 @@ page wrnexusreactive {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Frontend · Preview

@wrnexus/reactive

Small type-safe reactive signal primitives.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/reactive@0.2.60

Request preview access. Never put registry tokens in source control.

Tiny, type-safe reactive primitives (signals) with zero dependencies.
+ +
Frontend · Preview

@wrnexus/reactive

Small type-safe reactive signal primitives.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/reactive@0.2.61

Request preview access. Never put registry tokens in source control.

Tiny, type-safe reactive primitives (signals) with zero dependencies.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/reactive is the seed of WRNexusJS's reactivity layer: a minimal signal primitive that holds a value, notifies subscribers when it changes, and hands back an unsubscribe function. It is deliberately small and framework-agnostic — it powers nothing on its own, but is shaped so client islands (and later the .wrn compiler's state blocks) can build reactive bindings on top of it. Reach for it when you need observable state without pulling in a full reactivity library.

@@ -126,7 +126,7 @@ const user: Signal<{ name: string } | null> = signal(null); user.set({ name: "Ada" });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/router.wrn b/app/pages/packages/router.wrn index 9033f62a..4bc6b254 100644 --- a/app/pages/packages/router.wrn +++ b/app/pages/packages/router.wrn @@ -10,12 +10,12 @@ page wrnexusrouter {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Core · Preview

@wrnexus/router

Filesystem discovery, route matching, and typed route generation.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/router@0.2.60

Request preview access. Never put registry tokens in source control.

File-based router that maps an app/ directory onto route tables and matches request paths against them.
+ +
Core · Preview

@wrnexus/router

Filesystem discovery, route matching, and typed route generation.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/router@0.2.61

Request preview access. Never put registry tokens in source control.

File-based router that maps an app/ directory onto route tables and matches request paths against them.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/router scans an application's app/ directory once at startup and builds route tables for pages, API endpoints, realtime channels, middleware, server-rendered .wrn components, layouts, and validation schemas. It also compiles URL patterns (/users/[id]) into RegExps and matches request paths against them. Request input is never turned into a file path, which makes the router immune to path traversal. This is a server-side package used by the WRNexusJS runtime to resolve incoming requests, plus a codegen helper for compile-time typed links.

@@ -250,7 +250,7 @@ const routes = sortRoutes([{ raw: "/posts/[slug]", file: " const m = matchRoute(routes, "/posts/hello"); // { route, params: { slug: "hello" } }
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/ssr.wrn b/app/pages/packages/ssr.wrn index 5352c5de..802649e5 100644 --- a/app/pages/packages/ssr.wrn +++ b/app/pages/packages/ssr.wrn @@ -10,12 +10,12 @@ page wrnexusssr {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Runtime · Preview

@wrnexus/ssr

Secure HTML document rendering and SEO metadata.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/ssr@0.2.60

Request preview access. Never put registry tokens in source control.

Server-side rendering: wraps a page's HTML body in a complete HTML document with a metadata-driven <head>.
+ +
Runtime · Preview

@wrnexus/ssr

Secure HTML document rendering and SEO metadata.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/ssr@0.2.61

Request preview access. Never put registry tokens in source control.

Server-side rendering: wraps a page's HTML body in a complete HTML document with a metadata-driven <head>.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

Pages in WRNexusJS return an HTML string for the body. @wrnexus/ssr takes that body and produces a full HTML document — building the <head> from page metadata and global SEO defaults, resolving canonical/Open Graph/Twitter tags, and injecting module preloads and <script type="module"> tags. It is deliberately server-only: nothing in this package touches the DOM or ships to the browser, keeping server code genuinely server-only. Reach for it on the server when turning a rendered page body into a response document.

@@ -171,7 +171,7 @@ return new Response(html, { return new Response(html, { headers: { "content-type": "text/html; charset=utf-8" } });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/styles.wrn b/app/pages/packages/styles.wrn index f631922c..2f8c3f1c 100644 --- a/app/pages/packages/styles.wrn +++ b/app/pages/packages/styles.wrn @@ -10,12 +10,12 @@ page wrnexusstyles {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Frontend · Preview

@wrnexus/styles

CSS pipeline, themes, fonts, profiles, and application config.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/styles@0.2.60

Request preview access. Never put registry tokens in source control.

Global CSS bundling, the --wire-* design-token theme system, and the wrnexus.config.ts app-config loader for WRNexusJS apps.
+ +
Frontend · Preview

@wrnexus/styles

CSS pipeline, themes, fonts, profiles, and application config.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/styles@0.2.61

Request preview access. Never put registry tokens in source control.

Global CSS bundling, the --wire-* design-token theme system, and the wrnexus.config.ts app-config loader for WRNexusJS apps.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

This package owns three server-side concerns that shape every page a WRNexusJS app renders:

@@ -616,7 +616,7 @@ const themeJs = renderThemeRuntime(theme); // served at THEME_JS_HREF
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/test.wrn b/app/pages/packages/test.wrn index 66803109..d0d1429b 100644 --- a/app/pages/packages/test.wrn +++ b/app/pages/packages/test.wrn @@ -10,12 +10,12 @@ page wrnexustest {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Tooling · Preview

@wrnexus/test

WRNexusJS-aware component, route, and browser testing utilities.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/test@0.2.60

Request preview access. Never put registry tokens in source control.

Testing utilities for WRNexusJS apps — component rendering, reactive-DOM mounting, route handler calls, and a full in-process app harness, plus a one-import re-export of bun:test.
+ +
Tooling · Preview

@wrnexus/test

WRNexusJS-aware component, route, and browser testing utilities.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/test@0.2.61

Request preview access. Never put registry tokens in source control.

Testing utilities for WRNexusJS apps — component rendering, reactive-DOM mounting, route handler calls, and a full in-process app harness, plus a one-import re-export of bun:test.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/test is the server-side test toolkit you reach for when writing tests for a WRNexusJS app. It runs under bun test (invoked via wrnexus test) and gives you a single import surface: the bun:test primitives (test, expect, mock, …) re-exported alongside WRNexusJS-aware helpers that compile .wrn components, hydrate server HTML in a DOM, invoke API route handlers, and boot the real app on an ephemeral port for integration tests.

@@ -186,7 +186,7 @@ test("health endpoint", async () => { });
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/tracking.wrn b/app/pages/packages/tracking.wrn index 7eb122a7..b528a0c3 100644 --- a/app/pages/packages/tracking.wrn +++ b/app/pages/packages/tracking.wrn @@ -10,12 +10,12 @@ page wrnexustracking {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Runtime · Preview

@wrnexus/tracking

Error/event capture, middleware, filtering, and sinks.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/tracking@0.2.60

Request preview access. Never put registry tokens in source control.

Error tracking for WRNexusJS apps: capture exceptions manually or via middleware and fan them out to pluggable sinks.
+ +
Runtime · Preview

@wrnexus/tracking

Error/event capture, middleware, filtering, and sinks.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/tracking@0.2.61

Request preview access. Never put registry tokens in source control.

Error tracking for WRNexusJS apps: capture exceptions manually or via middleware and fan them out to pluggable sinks.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/tracking is a small, server-side error-capture layer. You create a tracker with one or more sinks, then feed it errors — either manually with tracker.capture(err, context) or automatically by mounting tracker.middleware() in your request pipeline. A consoleSink is included; forwarding to Sentry, Datadog, or any other backend is just a matter of writing a tiny sink. Reach for it when you want a single, sink-agnostic place to route application errors. Sinks run best-effort — a throwing sink never breaks the request.

@@ -164,7 +164,7 @@ const tracker = createTracker({ tracker.addSink(anotherSink); // add more sinks later
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/ui.wrn b/app/pages/packages/ui.wrn index 3daa74f7..a8909d6c 100644 --- a/app/pages/packages/ui.wrn +++ b/app/pages/packages/ui.wrn @@ -10,12 +10,12 @@ page wrnexusui {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Frontend · Preview

@wrnexus/ui

Themeable server-rendered UI components and CSS.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/ui@0.2.60

Request preview access. Never put registry tokens in source control.

First-party Wire UI component library — a set of themeable .wrn components plus a single tokenized stylesheet.
+ +
Frontend · Preview

@wrnexus/ui

Themeable server-rendered UI components and CSS.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/ui@0.2.61

Request preview access. Never put registry tokens in source control.

First-party Wire UI component library — a set of themeable .wrn components plus a single tokenized stylesheet.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

@wrnexus/ui ships a library of server-rendered .wrn components (layout, form controls, and feedback UI) together with one themeable stylesheet, ui.css. The components are auto-discovered by the framework router — you don't import them in code. Once the package's component directory is on the router's scan path, you mount any component in a page with data-component="<name>". Every visual is driven by var(--wire-*) theme tokens, so components restyle instantly when the theme changes. The tiny JS surface (src/index.ts) exists only so the toolchain (CLI build + dev server) can locate the component directory and stylesheet.

@@ -115,10 +115,10 @@ const router = buildRouter(appDir, { componentDirs: [uiComponentsDir()]  <div data-component="badge" label="New"></div> <button data-component="button" label="Save" variant="primary" size="lg"></button> <div data-component="alert" variant="success" title="Done" message="Saved."></div> -</div>

All 891 UI components and props

This reference is generated from the exact installed .wrn sources. Required props have no default; optional props show their default value.

Actions

ComponentPropsSlotsEvents
AcceptAllCookiesButton
data-component="AcceptAllCookiesButton"
Reusable accept all cookies button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ArticleNewsletterCTA
data-component="ArticleNewsletterCTA"
Reusable article newsletter c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ArticleShareActions
data-component="ArticleShareActions"
Reusable article share actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
BackButton
data-component="BackButton"
Reusable back button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
Button
data-component="Button"
Reusable button component.		label: string = "Button"
type: string = "button"
variant: string = "primary"
size: string = "md"
disabled: boolean = false
loading: boolean = false
icon: string = ""
className: string = ""		NoneNone
CenteredCTA
data-component="CenteredCTA"
Reusable centered c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ClearFiltersButton
data-component="ClearFiltersButton"
Reusable clear filters button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
CloseButton
data-component="CloseButton"
Reusable close button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
CodeCopyButton
data-component="CodeCopyButton"
Reusable code copy button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ContactCTA
data-component="ContactCTA"
Reusable contact c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ContactSalesButton
data-component="ContactSalesButton"
Reusable contact sales button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
CopyButton
data-component="CopyButton"
Reusable copy button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
CopyCodeButton
data-component="CopyCodeButton"
Reusable copy code button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DangerButton
data-component="DangerButton"
Reusable danger button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
DeveloperCTA
data-component="DeveloperCTA"
Reusable developer c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DoNotSellLink
data-component="DoNotSellLink"
Reusable do not sell link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DownloadAction
data-component="DownloadAction"
Reusable download action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DownloadButton
data-component="DownloadButton"
Reusable download button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
DownloadPolicyButton
data-component="DownloadPolicyButton"
Reusable download policy button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
EnterpriseCTA
data-component="EnterpriseCTA"
Reusable enterprise c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ErrorActions
data-component="ErrorActions"
Reusable error actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ErrorSupportLink
data-component="ErrorSupportLink"
Reusable error support link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ExternalLink
data-component="ExternalLink"
Reusable external link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
FieldActions
data-component="FieldActions"
Reusable field actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
FinalCTA
data-component="FinalCTA"
Reusable final c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
FormActions
data-component="FormActions"
Reusable form actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
GhostButton
data-component="GhostButton"
Reusable ghost button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
GradientCTA
data-component="GradientCTA"
Reusable gradient c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeaderActions
data-component="HeaderActions"
Reusable header actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeroActions
data-component="HeroActions"
Reusable hero actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeroPrimaryAction
data-component="HeroPrimaryAction"
Reusable hero primary action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeroSecondaryAction
data-component="HeroSecondaryAction"
Reusable hero secondary action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
IconButton
data-component="IconButton"
Reusable icon button component.		label: string = "Action"
icon: string = "•"
variant: string = "ghost"
disabled: boolean = false		NoneNone
LegalPrintButton
data-component="LegalPrintButton"
Reusable legal print button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
LinkButton
data-component="LinkButton"
Reusable link button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
LoadingButton
data-component="LoadingButton"
Reusable loading button component.		label: string = "Continue"
loadingLabel: string = "Loading…"
loading: boolean = false
disabled: boolean = false
type: string = "button"
variant: string = "primary"
class: string = ""		NoneNone
LocalizedRouteLink
data-component="LocalizedRouteLink"
Reusable localized route link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
MobileMenuButton
data-component="MobileMenuButton"
Reusable mobile menu button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
NewsletterCTA
data-component="NewsletterCTA"
Reusable newsletter c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
OpenAPICTA
data-component="OpenAPICTA"
Reusable open a p i c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PasskeyButton
data-component="PasskeyButton"
Reusable passkey button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PlanCTA
data-component="PlanCTA"
Reusable plan c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PostmanCTA
data-component="PostmanCTA"
Reusable postman c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PrimaryButton
data-component="PrimaryButton"
Reusable primary button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
PrintAction
data-component="PrintAction"
Reusable print action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PrintPolicyButton
data-component="PrintPolicyButton"
Reusable print policy button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ProductCTA
data-component="ProductCTA"
Reusable product c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
RejectOptionalCookiesButton
data-component="RejectOptionalCookiesButton"
Reusable reject optional cookies button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ReopenCookieSettingsButton
data-component="ReopenCookieSettingsButton"
Reusable reopen cookie settings button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ResponsibleDisclosureCTA
data-component="ResponsibleDisclosureCTA"
Reusable responsible disclosure c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SaveCookiePreferencesButton
data-component="SaveCookiePreferencesButton"
Reusable save cookie preferences button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SearchButton
data-component="SearchButton"
Reusable search button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SecondaryButton
data-component="SecondaryButton"
Reusable secondary button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
SectionActions
data-component="SectionActions"
Reusable section actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ShareAction
data-component="ShareAction"
Reusable share action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ShareButton
data-component="ShareButton"
Reusable share button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
SignInLink
data-component="SignInLink"
Reusable sign in link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SkipLink
data-component="SkipLink"
Reusable skip link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SplitButton
data-component="SplitButton"
Reusable split button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SplitCTA
data-component="SplitCTA"
Reusable split c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
StartFreeButton
data-component="StartFreeButton"
Reusable start free button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
TertiaryButton
data-component="TertiaryButton"
Reusable tertiary button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
TextLink
data-component="TextLink"
Reusable text link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ToastAction
data-component="ToastAction"
Reusable toast action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone

Content

ComponentPropsSlotsEvents
AccessibleAccordion
data-component="AccessibleAccordion"
Reusable accessible accordion component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleCarousel
data-component="AccessibleCarousel"
Reusable accessible carousel component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleChartSummary
data-component="AccessibleChartSummary"
Reusable accessible chart summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleErrorSummary
data-component="AccessibleErrorSummary"
Reusable accessible error summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleIcon
data-component="AccessibleIcon"
Reusable accessible icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleTabs
data-component="AccessibleTabs"
Reusable accessible tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleTooltip
data-component="AccessibleTooltip"
Reusable accessible tooltip component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Accordion
data-component="Accordion"
Reusable accordion component.		title: string = "Question"
open: boolean = false		defaultclick
AddOnCard
data-component="AddOnCard"
Reusable add on card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AddressPreview
data-component="AddressPreview"
Reusable address preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AdvancedFilterBuilder
data-component="AdvancedFilterBuilder"
Reusable advanced filter builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AnalyticsDashboardPreview
data-component="AnalyticsDashboardPreview"
Reusable analytics dashboard preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiEndpointCard
data-component="ApiEndpointCard"
Reusable api endpoint card component.		method: string = "GET"
path: string = "/api/example"
description: string = ""		defaultNone
ApiErrorExample
data-component="ApiErrorExample"
Reusable api error example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiKeyDisplay
data-component="ApiKeyDisplay"
Reusable api key display component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiRequestExample
data-component="ApiRequestExample"
Reusable api request example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiResponseExample
data-component="ApiResponseExample"
Reusable api response example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiSchemaViewer
data-component="ApiSchemaViewer"
Reusable api schema viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AssetCard
data-component="AssetCard"
Reusable asset card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
AttachmentUpload
data-component="AttachmentUpload"
Reusable attachment upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AudioUpload
data-component="AudioUpload"
Reusable audio upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuditLogPreview
data-component="AuditLogPreview"
Reusable audit log preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuthorAvatar
data-component="AuthorAvatar"
Reusable author avatar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuthorCard
data-component="AuthorCard"
Reusable author card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuthorizedApplicationCard
data-component="AuthorizedApplicationCard"
Reusable authorized application card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AutomationExampleCard
data-component="AutomationExampleCard"
Reusable automation example card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AvailabilityCalendar
data-component="AvailabilityCalendar"
Reusable availability calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Avatar
data-component="Avatar"
Reusable avatar component.		src: string = ""
alt: string = ""
initials: string = "WR"
size: string = "md"		NoneNone
AvatarUpload
data-component="AvatarUpload"
Reusable avatar upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BankTransferDetails
data-component="BankTransferDetails"
Reusable bank transfer details component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BillingAddressForm
data-component="BillingAddressForm"
Reusable billing address form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BillingExample
data-component="BillingExample"
Reusable billing example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BlogCard
data-component="BlogCard"
Reusable blog card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BlogSearch
data-component="BlogSearch"
Reusable blog search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BodyText
data-component="BodyText"
Reusable body text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
BudgetRangeSlider
data-component="BudgetRangeSlider"
Reusable budget range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Calendar
data-component="Calendar"
Reusable calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CampaignCard
data-component="CampaignCard"
Reusable campaign card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
CampaignPerformancePreview
data-component="CampaignPerformancePreview"
Reusable campaign performance preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Card
data-component="Card"
Reusable card component.		variant: string = "default"
padding: string = "md"
interactive: boolean = false
className: string = ""		defaultNone
CardPaymentForm
data-component="CardPaymentForm"
Reusable card payment form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CareerApplicationForm
data-component="CareerApplicationForm"
Reusable career application form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Carousel
data-component="Carousel"
Reusable carousel component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CaseStudyCard
data-component="CaseStudyCard"
Reusable case study card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CaseStudyPreview
data-component="CaseStudyPreview"
Reusable case study preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CertificateUpload
data-component="CertificateUpload"
Reusable certificate upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ChannelCard
data-component="ChannelCard"
Reusable channel card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ChannelIcon
data-component="ChannelIcon"
Reusable channel icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ChartTooltip
data-component="ChartTooltip"
Reusable chart tooltip component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Checklist
data-component="Checklist"
Reusable checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ClickableCard
data-component="ClickableCard"
Reusable clickable card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
Code
data-component="Code"
Reusable code component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CodeBlock
data-component="CodeBlock"
Reusable code block component.		language: string = "text"
filename: string = ""
code: string = ""		Noneclick
CodeTabs
data-component="CodeTabs"
Reusable code tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CodeText
data-component="CodeText"
Reusable code text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
ColorSwatch
data-component="ColorSwatch"
Reusable color swatch component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CommandBlock
data-component="CommandBlock"
Reusable command block component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ComplianceProgramCard
data-component="ComplianceProgramCard"
Reusable compliance program card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ConnectedAccountCard
data-component="ConnectedAccountCard"
Reusable connected account card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ConnectionCard
data-component="ConnectionCard"
Reusable connection card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ConsentTimelinePreview
data-component="ConsentTimelinePreview"
Reusable consent timeline preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ContactCard
data-component="ContactCard"
Reusable contact card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ContactForm
data-component="ContactForm"
Reusable contact form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ContactSalesForm
data-component="ContactSalesForm"
Reusable contact sales form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ContextSwitcher
data-component="ContextSwitcher"
Reusable context switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ConversationPreview
data-component="ConversationPreview"
Reusable conversation preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CostSummary
data-component="CostSummary"
Reusable cost summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CronBuilder
data-component="CronBuilder"
Reusable cron builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CsvUpload
data-component="CsvUpload"
Reusable csv upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CustomerLogo
data-component="CustomerLogo"
Reusable customer logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CustomerStoryCard
data-component="CustomerStoryCard"
Reusable customer story card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DataProtectionCard
data-component="DataProtectionCard"
Reusable data protection card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DateRangeCalendar
data-component="DateRangeCalendar"
Reusable date range calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DateRangeSlider
data-component="DateRangeSlider"
Reusable date range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DeliveryPreview
data-component="DeliveryPreview"
Reusable delivery preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DemoRequestForm
data-component="DemoRequestForm"
Reusable demo request form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DeveloperSearch
data-component="DeveloperSearch"
Reusable developer search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DeviceCard
data-component="DeviceCard"
Reusable device card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DocumentPreview
data-component="DocumentPreview"
Reusable document preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DocumentUpload
data-component="DocumentUpload"
Reusable document upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DownloadGateForm
data-component="DownloadGateForm"
Reusable download gate form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DownloadResourceForm
data-component="DownloadResourceForm"
Reusable download resource form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DurationSlider
data-component="DurationSlider"
Reusable duration slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ElevatedCard
data-component="ElevatedCard"
Reusable elevated card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
EmailComposer
data-component="EmailComposer"
Reusable email composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EnterprisePricingCard
data-component="EnterprisePricingCard"
Reusable enterprise pricing card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EnvironmentSwitcher
data-component="EnvironmentSwitcher"
Reusable environment switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ErrorCard
data-component="ErrorCard"
Reusable error card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ErrorCode
data-component="ErrorCode"
Reusable error code component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ErrorIllustration
data-component="ErrorIllustration"
Reusable error illustration component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ErrorPage
data-component="ErrorPage"
Reusable error page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EstimatedCostSummary
data-component="EstimatedCostSummary"
Reusable estimated cost summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ExpandableText
data-component="ExpandableText"
Reusable expandable text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EyebrowText
data-component="EyebrowText"
Reusable eyebrow text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
FactorCard
data-component="FactorCard"
Reusable factor card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FallbackRouteBuilder
data-component="FallbackRouteBuilder"
Reusable fallback route builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FaviconUpload
data-component="FaviconUpload"
Reusable favicon upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeatureCard
data-component="FeatureCard"
Reusable feature card component.		icon: string = "✦"
title: string = "Feature"
description: string = ""
href: string = ""		NoneNone
FeatureChecklist
data-component="FeatureChecklist"
Reusable feature checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeaturedBlogCard
data-component="FeaturedBlogCard"
Reusable featured blog card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeatureIconCard
data-component="FeatureIconCard"
Reusable feature icon card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeatureTabs
data-component="FeatureTabs"
Reusable feature tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FileSizeLabel
data-component="FileSizeLabel"
Reusable file size label component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FileUpload
data-component="FileUpload"
Reusable file upload component.		id: string = "file"
name: string = "file"
label: string = "Upload file"
accept: string = ""
multiple: boolean = false
help: string = "Drag and drop or browse"		NoneNone
FooterLanguageSwitcher
data-component="FooterLanguageSwitcher"
Reusable footer language switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ForbiddenPage
data-component="ForbiddenPage"
Reusable forbidden page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ForgotPasswordForm
data-component="ForgotPasswordForm"
Reusable forgot password form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Form
data-component="Form"
Reusable form component.		action: string = ""
method: string = "post"
name: string = ""
loading: boolean = false
class: string = ""		defaultNone
FormErrorSummary
data-component="FormErrorSummary"
Reusable form error summary component.		title: string = "Please fix the following"
visible: boolean = true		defaultNone
FormHelpText
data-component="FormHelpText"
Reusable form help text component.		id: string = ""
text: string = ""
class: string = ""		defaultNone
FormLabel
data-component="FormLabel"
Reusable form label component.		for: string = ""
label: string = "Label"
required: boolean = false
optional: boolean = false
class: string = ""		NoneNone
GlassCard
data-component="GlassCard"
Reusable glass card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
GlobalSearch
data-component="GlobalSearch"
Reusable global search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
GuideCard
data-component="GuideCard"
Reusable guide card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
GuideChecklist
data-component="GuideChecklist"
Reusable guide checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
GuideStep
data-component="GuideStep"
Reusable guide step component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HeroGradientText
data-component="HeroGradientText"
Reusable hero gradient text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HeroProductPreview
data-component="HeroProductPreview"
Reusable hero product preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HeroTrustText
data-component="HeroTrustText"
Reusable hero trust text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HighlightText
data-component="HighlightText"
Reusable highlight text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HolidayCalendar
data-component="HolidayCalendar"
Reusable holiday calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HumanApprovalStep
data-component="HumanApprovalStep"
Reusable human approval step component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Icon
data-component="Icon"
Reusable icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Illustration
data-component="Illustration"
Reusable illustration component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ImageCompressionPreview
data-component="ImageCompressionPreview"
Reusable image compression preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ImageUpload
data-component="ImageUpload"
Reusable image upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
IncidentCard
data-component="IncidentCard"
Reusable incident card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
InfoCard
data-component="InfoCard"
Reusable info card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
InlineCode
data-component="InlineCode"
Reusable inline code component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
IntegrationCard
data-component="IntegrationCard"
Reusable integration card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
InvoiceLineItem
data-component="InvoiceLineItem"
Reusable invoice line item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
InvoiceSummary
data-component="InvoiceSummary"
Reusable invoice summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
JobCard
data-component="JobCard"
Reusable job card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
JsonViewer
data-component="JsonViewer"
Reusable json viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
KycDocumentUpload
data-component="KycDocumentUpload"
Reusable kyc document upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LanguageSwitcher
data-component="LanguageSwitcher"
Reusable language switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LeadText
data-component="LeadText"
Reusable lead text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
LegalContactBlock
data-component="LegalContactBlock"
Reusable legal contact block component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LegalSummary
data-component="LegalSummary"
Reusable legal summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Logo
data-component="Logo"
Reusable logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LogoUpload
data-component="LogoUpload"
Reusable logo upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MaintenanceCard
data-component="MaintenanceCard"
Reusable maintenance card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MaintenancePage
data-component="MaintenancePage"
Reusable maintenance page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessageComposer
data-component="MessageComposer"
Reusable message composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessageComposerPreview
data-component="MessageComposerPreview"
Reusable message composer preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessagePreview
data-component="MessagePreview"
Reusable message preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessageVolumeSlider
data-component="MessageVolumeSlider"
Reusable message volume slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MetricCard
data-component="MetricCard"
Reusable metric card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MetricText
data-component="MetricText"
Reusable metric text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
MobileTableCard
data-component="MobileTableCard"
Reusable mobile table card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MultiFileUpload
data-component="MultiFileUpload"
Reusable multi file upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MutedText
data-component="MutedText"
Reusable muted text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
NavigationItem
data-component="NavigationItem"
Reusable navigation item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
NewsletterForm
data-component="NewsletterForm"
Reusable newsletter form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
NotFoundPage
data-component="NotFoundPage"
Reusable not found page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
NotificationCard
data-component="NotificationCard"
Reusable notification card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
OfficeCard
data-component="OfficeCard"
Reusable office card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OfflinePage
data-component="OfflinePage"
Reusable offline page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OneTimeSecretDisplay
data-component="OneTimeSecretDisplay"
Reusable one time secret display component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OpacitySlider
data-component="OpacitySlider"
Reusable opacity slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OtpVerificationForm
data-component="OtpVerificationForm"
Reusable otp verification form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OutlinedCard
data-component="OutlinedCard"
Reusable outlined card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
PartnerApplicationForm
data-component="PartnerApplicationForm"
Reusable partner application form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PartnerProgramCard
data-component="PartnerProgramCard"
Reusable partner program card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PaymentMethodCard
data-component="PaymentMethodCard"
Reusable payment method card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PdfPreview
data-component="PdfPreview"
Reusable pdf preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PlatformPillarCard
data-component="PlatformPillarCard"
Reusable platform pillar card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PressReleaseCard
data-component="PressReleaseCard"
Reusable press release card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PriceRangeSlider
data-component="PriceRangeSlider"
Reusable price range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PriceText
data-component="PriceText"
Reusable price text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
PricingCard
data-component="PricingCard"
Reusable pricing card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PricingContactForm
data-component="PricingContactForm"
Reusable pricing contact form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PricingPlanCard
data-component="PricingPlanCard"
Reusable pricing plan card component.		name: string = "Starter"
description: string = ""
price: string = "₹0"
period: string = "/month"
featured: boolean = false
ctaLabel: string = "Choose plan"
ctaHref: string = "#"		defaultNone
ProductCard
data-component="ProductCard"
Reusable product card component.		eyebrow: string = "Product"
title: string = "Product name"
description: string = ""
href: string = "#"
actionLabel: string = "Learn more"
status: string = ""
class: string = ""		NoneNone
ProductIcon
data-component="ProductIcon"
Reusable product icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProductLogo
data-component="ProductLogo"
Reusable product logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProductMiniCard
data-component="ProductMiniCard"
Reusable product mini card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProductNavigationCard
data-component="ProductNavigationCard"
Reusable product navigation card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProgressSlider
data-component="ProgressSlider"
Reusable progress slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProjectCard
data-component="ProjectCard"
Reusable project card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ProjectSwitcher
data-component="ProjectSwitcher"
Reusable project switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PublicHeaderLogo
data-component="PublicHeaderLogo"
Reusable public header logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PushComposer
data-component="PushComposer"
Reusable push composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
QrCode
data-component="QrCode"
Reusable qr code component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
QuantityStepper
data-component="QuantityStepper"
Reusable quantity stepper component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
QuoteText
data-component="QuoteText"
Reusable quote text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
RangeSlider
data-component="RangeSlider"
Reusable range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RateLimitPage
data-component="RateLimitPage"
Reusable rate limit page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RatingSlider
data-component="RatingSlider"
Reusable rating slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RecoveryCodeForm
data-component="RecoveryCodeForm"
Reusable recovery code form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RecurrenceRuleBuilder
data-component="RecurrenceRuleBuilder"
Reusable recurrence rule builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ReportCard
data-component="ReportCard"
Reusable report card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RequestResponseViewer
data-component="RequestResponseViewer"
Reusable request response viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RequestViewer
data-component="RequestViewer"
Reusable request viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResetPasswordForm
data-component="ResetPasswordForm"
Reusable reset password form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResourceCard
data-component="ResourceCard"
Reusable resource card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResourceDownloadCard
data-component="ResourceDownloadCard"
Reusable resource download card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResourceSearch
data-component="ResourceSearch"
Reusable resource search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResponseViewer
data-component="ResponseViewer"
Reusable response viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SDKCard
data-component="SDKCard"
Reusable s d k card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SDKLanguageTabs
data-component="SDKLanguageTabs"
Reusable s d k language tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SearchCategoryTabs
data-component="SearchCategoryTabs"
Reusable search category tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SearchResultItem
data-component="SearchResultItem"
Reusable search result item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecretDisplay
data-component="SecretDisplay"
Reusable secret display component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecurityContactCard
data-component="SecurityContactCard"
Reusable security contact card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecurityFeatureCard
data-component="SecurityFeatureCard"
Reusable security feature card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecurityReportForm
data-component="SecurityReportForm"
Reusable security report form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ServerErrorPage
data-component="ServerErrorPage"
Reusable server error page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SessionCard
data-component="SessionCard"
Reusable session card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SetupChecklist
data-component="SetupChecklist"
Reusable setup checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SignInForm
data-component="SignInForm"
Reusable sign in form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SignUpForm
data-component="SignUpForm"
Reusable sign up form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SiteSearch
data-component="SiteSearch"
Reusable site search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Slider
data-component="Slider"
Reusable slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SmallText
data-component="SmallText"
Reusable small text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
SmsComposer
data-component="SmsComposer"
Reusable sms composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
StatCard
data-component="StatCard"
Reusable stat card component.		label: string = "Metric"
value: string = "0"
change: string = ""
trend: string = "neutral"		NoneNone
StatusSubscribeForm
data-component="StatusSubscribeForm"
Reusable status subscribe form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Stepper
data-component="Stepper"
Reusable stepper component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SuccessCard
data-component="SuccessCard"
Reusable success card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
SupportRequestForm
data-component="SupportRequestForm"
Reusable support request form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Tabs
data-component="Tabs"
Reusable tabs component.		active: string = "first"first
second		click
TeamMemberCard
data-component="TeamMemberCard"
Reusable team member card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TemplateCard
data-component="TemplateCard"
Reusable template card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
TerminalBlock
data-component="TerminalBlock"
Reusable terminal block component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TestimonialCard
data-component="TestimonialCard"
Reusable testimonial card component.		quote: string = "Great product."
name: string = "Customer"
role: string = ""
company: string = ""
avatar: string = ""		NoneNone
TestimonialCarousel
data-component="TestimonialCarousel"
Reusable testimonial carousel component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ThemeSwitcher
data-component="ThemeSwitcher"
Reusable theme switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TimelineItem
data-component="TimelineItem"
Reusable timeline item component.		title: string = "Event"
date: string = ""
description: string = ""
status: string = "default"		NoneNone
ToastIcon
data-component="ToastIcon"
Reusable toast icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Tooltip
data-component="Tooltip"
Reusable tooltip component.		text: string = "Helpful information"
position: string = "top"		defaultNone
TotpVerificationForm
data-component="TotpVerificationForm"
Reusable totp verification form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TranslatedText
data-component="TranslatedText"
Reusable translated text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TruncatedText
data-component="TruncatedText"
Reusable truncated text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UnifiedTimelinePreview
data-component="UnifiedTimelinePreview"
Reusable unified timeline preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UploadItem
data-component="UploadItem"
Reusable upload item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UploadPreview
data-component="UploadPreview"
Reusable upload preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UserCard
data-component="UserCard"
Reusable user card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ValueCard
data-component="ValueCard"
Reusable value card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VerticalTabs
data-component="VerticalTabs"
Reusable vertical tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VideoCard
data-component="VideoCard"
Reusable video card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VideoUpload
data-component="VideoUpload"
Reusable video upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VoiceScriptComposer
data-component="VoiceScriptComposer"
Reusable voice script composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VolumeSlider
data-component="VolumeSlider"
Reusable volume slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WarningCard
data-component="WarningCard"
Reusable warning card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
WebhookEventCard
data-component="WebhookEventCard"
Reusable webhook event card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WebhookPayloadViewer
data-component="WebhookPayloadViewer"
Reusable webhook payload viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WebinarCard
data-component="WebinarCard"
Reusable webinar card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WebinarRegistrationForm
data-component="WebinarRegistrationForm"
Reusable webinar registration form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WhatsAppComposer
data-component="WhatsAppComposer"
Reusable whats app composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Wizard
data-component="Wizard"
Reusable wizard component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WorkflowCanvasPreview
data-component="WorkflowCanvasPreview"
Reusable workflow canvas preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WorkspaceCard
data-component="WorkspaceCard"
Reusable workspace card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
WorkspaceSwitcher
data-component="WorkspaceSwitcher"
Reusable workspace switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ZoomSlider
data-component="ZoomSlider"
Reusable zoom slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone

Core

ComponentPropsSlotsEvents
AnnouncementBar
data-component="AnnouncementBar"
Reusable announcement bar component.		badge: string = "New"
message: string = "WRNexusJS Organizations is now available."
description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."
href: string = "/organizations"
actionLabel: string = "Explore organizations"
ariaLabel: string = "Announcement"		Noneclick
AspectRatio
data-component="AspectRatio"
Reusable aspect ratio component.		class: string = ""defaultNone
BackToTop
data-component="BackToTop"
Reusable back to top component.		label: string = "Back to top"
assistiveLabel: string = "Return to the top of the page"
threshold: number = 500		Noneclick
Breadcrumbs
data-component="Breadcrumbs"
Reusable breadcrumbs component.		homeLabel: string = "Home"
homeHref: string = "/"
current: string = "Current page"		NoneNone
Checkbox
data-component="Checkbox"
Reusable checkbox component.		id: string = ""
name: string = ""
label: string = "Checkbox"
description: string = ""
checked: boolean = false
disabled: boolean = false		NoneNone
Chip
data-component="Chip"
Reusable chip component.		label: string = "Chip"
variant: string = "default"
class: string = ""		defaultNone
Cluster
data-component="Cluster"
Reusable cluster component.		gap: string = "4"
className: string = ""		defaultNone
Combobox
data-component="Combobox"
Reusable combobox component.		id: string = "combobox"
name: string = ""
label: string = "Choose an option"
placeholder: string = "Search options"
options: string = []
required: boolean = false
disabled: boolean = false
class: string = ""		NoneNone
Container
data-component="Container"
Reusable container component.		size: string = "default"
className: string = ""		defaultNone
disclosure
data-component="disclosure"
Reusable disclosure component.		summary: string = "Details"
class: string = ""		defaultNone
DisplayHeading
data-component="DisplayHeading"
Reusable display heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
Divider
data-component="Divider"
Reusable divider component.		className: string = ""defaultNone
Drawer
data-component="Drawer"
Reusable drawer component.		title: string = "Panel"
open: boolean = false
side: string = "right"		defaultclick
FAQ
data-component="FAQ"
Reusable faq component.		eyebrow: string = ""
title: string = "Frequently asked questions"
description: string = ""
items: string = []
centered: boolean = true
allowMultiple: boolean = false
defaultOpenIndex: number = 0		NoneNone
FAQAccordion
data-component="FAQAccordion"
Reusable faqaccordion component.		eyebrow: string = ""
title: string = "Frequently asked questions"
description: string = ""
items: string = []
centered: boolean = true
compact: boolean = false
allowMultiple: boolean = false
defaultOpenIndex: number = 0
showContact: boolean = false
contactText: string = "Still have questions?"
contactLabel: string = "Contact support"
contactHref: string = "/support"		Noneclick
file-upload
data-component="file-upload"
Reusable file-upload component.		store: string = "public"
endpoint: string = "/api/upload"
accept: string = ""
multiple: boolean = false
max: number = 0
label: string = "Drag files here or click to browse"
class: string = ""		NoneNone
FilterBar
data-component="FilterBar"
Reusable filter bar component.		label: string = "Filters"
clearLabel: string = "Clear filters"
showClear: boolean = true
class: string = ""		defaultNone
Flex
data-component="Flex"
Reusable flex component.		class: string = ""defaultNone
FormError
data-component="FormError"
Reusable form error component.		id: string = ""
message: string = ""
class: string = ""		defaultNone
FullBleed
data-component="FullBleed"
Reusable full bleed component.		class: string = ""defaultNone
hstack
data-component="hstack"
Reusable hstack component.		gap: string = "4"
align: string = "center"
class: string = ""		defaultNone
Inline
data-component="Inline"
Reusable inline component.		gap: string = "4"
className: string = ""		defaultNone
input
data-component="input"
Reusable input component.		type: string = "text"
name: string = ""
value: string = ""
placeholder: string = ""
class: string = ""		NoneNone
LegalTableOfContents
data-component="LegalTableOfContents"
Reusable legal table of contents component.		title: string = "On this page"
items: string = []
class: string = ""		NoneNone
Link
data-component="Link"
Reusable link component.		href: string = "#"
label: string = "Link"
external: boolean = false
className: string = ""		NoneNone
LogoCloud
data-component="LogoCloud"
Reusable logo cloud component.		title: string = "Trusted by modern teams"defaultNone
Modal
data-component="Modal"
Reusable modal component.		title: string = "Dialog"
description: string = ""
open: boolean = false
size: string = "md"
closeLabel: string = "Close"		defaultclick
MultiSelect
data-component="MultiSelect"
Reusable multi select component.		id: string = "multi-select"
name: string = ""
label: string = "Choose options"
options: string = []
required: boolean = false
disabled: boolean = false
size: number = 5
class: string = ""		NoneNone
NarrowContainer
data-component="NarrowContainer"
Reusable narrow container component.		class: string = ""defaultNone
NotificationDot
data-component="NotificationDot"
Reusable notification dot component.		label: string = "Notification"
variant: string = "default"
class: string = ""		defaultNone
PageHeading
data-component="PageHeading"
Reusable page heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
PageShell
data-component="PageShell"
Reusable page shell component.		className: string = ""defaultNone
Pagination
data-component="Pagination"
Reusable pagination component.		page: number = 1
totalPages: number = 1
previousHref: string = "#"
nextHref: string = "#"		NoneNone
Pill
data-component="Pill"
Reusable pill component.		label: string = "Pill"
variant: string = "default"
class: string = ""		defaultNone
progress
data-component="progress"
Reusable progress component.		value: number = 0
max: number = 100
class: string = ""		NoneNone
ProgressBar
data-component="ProgressBar"
Reusable progress bar component.		value: number = 0
max: number = 100
label: string = "Progress"
showValue: boolean = true		NoneNone
PublicFooter
data-component="PublicFooter"
Reusable public footer component.		brand: string = "WRNexusJS"
description: string = "SSR-first, Bun-native full-stack framework."
copyright: string = "© 2026 WorkRoot Workspace"		defaultNone
Radio
data-component="Radio"
Reusable radio component.		id: string = ""
name: string = "choice"
value: string = ""
label: string = "Option"
description: string = ""
checked: boolean = false
disabled: boolean = false		NoneNone
ScrollArea
data-component="ScrollArea"
Reusable scroll area component.		class: string = ""defaultNone
SDKTabs
data-component="SDKTabs"
Reusable sdktabs component.		label: string = "SDK languages"
tabs: string = []
defaultIndex: number = 0
class: string = ""		Noneclick
SectionHeading
data-component="SectionHeading"
Reusable section heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
Select
data-component="Select"
Reusable select component.		id: string = ""
name: string = ""
label: string = "Select"
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false		defaultNone
spacer
data-component="spacer"
Reusable spacer component.		class: string = ""NoneNone
Spinner
data-component="Spinner"
Reusable spinner component.		label: string = "Loading"
size: string = "md"		NoneNone
Stack
data-component="Stack"
Reusable stack component.		gap: string = "4"
className: string = ""		defaultNone
Sticky
data-component="Sticky"
Reusable sticky component.		class: string = ""defaultNone
SubsectionHeading
data-component="SubsectionHeading"
Reusable subsection heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
Surface
data-component="Surface"
Reusable surface component.		class: string = ""defaultNone
Switch
data-component="Switch"
Reusable switch component.		id: string = ""
name: string = ""
label: string = "Switch"
description: string = ""
checked: boolean = false
disabled: boolean = false		Noneclick
tag
data-component="tag"
Reusable tag component.		label: string = ""
variant: string = "default"
class: string = ""		defaultNone
Textarea
data-component="Textarea"
Reusable textarea component.		id: string = ""
name: string = ""
label: string = "Message"
value: string = ""
placeholder: string = ""
rows: number = 5
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false		NoneNone
theme-toggle
data-component="theme-toggle"
Reusable theme-toggle component.		label: string = "Toggle theme"
class: string = ""		defaultNone
Toast
data-component="Toast"
Reusable toast component.		title: string = "Saved"
description: string = ""
variant: string = "success"
duration: number = 5000		Noneclick
Typography
data-component="Typography"
Reusable typography component.		as: string = "p"
variant: string = "body"
align: string = "start"
class: string = ""		defaultNone
VisuallyHidden
data-component="VisuallyHidden"
Reusable visually hidden component.		className: string = ""defaultNone
Well
data-component="Well"
Reusable well component.		class: string = ""defaultNone
WideContainer
data-component="WideContainer"
Reusable wide container component.		class: string = ""defaultNone

Data

ComponentPropsSlotsEvents
ActiveFilterList
data-component="ActiveFilterList"
Reusable active filter list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ActivityList
data-component="ActivityList"
Reusable activity list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ApiHeaderTable
data-component="ApiHeaderTable"
Reusable api header table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ApiParameterTable
data-component="ApiParameterTable"
Reusable api parameter table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ApiSchemaTable
data-component="ApiSchemaTable"
Reusable api schema table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
AuditTable
data-component="AuditTable"
Reusable audit table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
AutoGrid
data-component="AutoGrid"
Reusable auto grid component.		class: string = ""defaultNone
BlogGrid
data-component="BlogGrid"
Reusable blog grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
BlogList
data-component="BlogList"
Reusable blog list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CalendarGrid
data-component="CalendarGrid"
Reusable calendar grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CapabilityGrid
data-component="CapabilityGrid"
Reusable capability grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CareerBenefitsGrid
data-component="CareerBenefitsGrid"
Reusable career benefits grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ChannelComparisonTable
data-component="ChannelComparisonTable"
Reusable channel comparison table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ChannelRateTable
data-component="ChannelRateTable"
Reusable channel rate table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ColorGrid
data-component="ColorGrid"
Reusable color grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ComparisonTable
data-component="ComparisonTable"
Reusable comparison table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ComplianceBadgeList
data-component="ComplianceBadgeList"
Reusable compliance badge list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ConversationList
data-component="ConversationList"
Reusable conversation list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CookieCategoryList
data-component="CookieCategoryList"
Reusable cookie category list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CookieDetailsTable
data-component="CookieDetailsTable"
Reusable cookie details table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CookieTable
data-component="CookieTable"
Reusable cookie table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
DataRetentionTable
data-component="DataRetentionTable"
Reusable data retention table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
DataTable
data-component="DataTable"
Reusable data table component.		caption: string = "Data table"
columns: string = []
rows: string = []
emptyMessage: string = "No data available."
striped: boolean = false
class: string = ""		NoneNone
DefinitionList
data-component="DefinitionList"
Reusable definition list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
DescriptionList
data-component="DescriptionList"
Reusable description list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
EventTable
data-component="EventTable"
Reusable event table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FeatureComparisonTable
data-component="FeatureComparisonTable"
Reusable feature comparison table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FeatureGrid
data-component="FeatureGrid"
Reusable feature grid component.		columns: number = 3
className: string = ""		defaultNone
FeatureList
data-component="FeatureList"
Reusable feature list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FileList
data-component="FileList"
Reusable file list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FilterableTable
data-component="FilterableTable"
Reusable filterable table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FormGrid
data-component="FormGrid"
Reusable form grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FormRow
data-component="FormRow"
Reusable form row component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
Grid
data-component="Grid"
Reusable grid component.		gap: string = "4"
className: string = ""		defaultNone
GuideGrid
data-component="GuideGrid"
Reusable guide grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
IncidentList
data-component="IncidentList"
Reusable incident list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
KeyValueTable
data-component="KeyValueTable"
Reusable key value table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LeadershipGrid
data-component="LeadershipGrid"
Reusable leadership grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LegalBulletList
data-component="LegalBulletList"
Reusable legal bullet list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LegalDefinitionList
data-component="LegalDefinitionList"
Reusable legal definition list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LegalTable
data-component="LegalTable"
Reusable legal table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
List
data-component="List"
Reusable list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LogTable
data-component="LogTable"
Reusable log table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
MemberList
data-component="MemberList"
Reusable member list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
MetricGrid
data-component="MetricGrid"
Reusable metric grid component.		label: string = "Key metrics"
metrics: string = []
class: string = ""		NoneNone
NotificationList
data-component="NotificationList"
Reusable notification list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PartnerLogoGrid
data-component="PartnerLogoGrid"
Reusable partner logo grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PasswordRequirementList
data-component="PasswordRequirementList"
Reusable password requirement list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PlanFeatureList
data-component="PlanFeatureList"
Reusable plan feature list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PlanLimitList
data-component="PlanLimitList"
Reusable plan limit list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PolicyVersionTable
data-component="PolicyVersionTable"
Reusable policy version table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PricingComparisonTable
data-component="PricingComparisonTable"
Reusable pricing comparison table component.		caption: string = "Plan comparison"
plans: string = []
features: string = []
class: string = ""		NoneNone
PricingGrid
data-component="PricingGrid"
Reusable pricing grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PricingTable
data-component="PricingTable"
Reusable pricing table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductFeatureList
data-component="ProductFeatureList"
Reusable product feature list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductGrid
data-component="ProductGrid"
Reusable product grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductIntegrationList
data-component="ProductIntegrationList"
Reusable product integration list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductList
data-component="ProductList"
Reusable product list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductUseCaseList
data-component="ProductUseCaseList"
Reusable product use case list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
RateTable
data-component="RateTable"
Reusable rate table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
RegionAvailabilityTable
data-component="RegionAvailabilityTable"
Reusable region availability table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ResponsiveTable
data-component="ResponsiveTable"
Reusable responsive table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
RetentionTable
data-component="RetentionTable"
Reusable retention table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SecurityPillarGrid
data-component="SecurityPillarGrid"
Reusable security pillar grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SecurityPracticeList
data-component="SecurityPracticeList"
Reusable security practice list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ServiceLevelTable
data-component="ServiceLevelTable"
Reusable service level table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ServiceStatusList
data-component="ServiceStatusList"
Reusable service status list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ServiceStatusRow
data-component="ServiceStatusRow"
Reusable service status row component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SlaTable
data-component="SlaTable"
Reusable sla table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SortableTable
data-component="SortableTable"
Reusable sortable table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
StatusTable
data-component="StatusTable"
Reusable status table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SubprocessorTable
data-component="SubprocessorTable"
Reusable subprocessor table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
Table
data-component="Table"
Reusable table component.		caption: string = "Data table"
responsive: boolean = true		defaultNone
TableRow
data-component="TableRow"
Reusable table row component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
TreeTable
data-component="TreeTable"
Reusable tree table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
TrustBadgeList
data-component="TrustBadgeList"
Reusable trust badge list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
UsagePricingTable
data-component="UsagePricingTable"
Reusable usage pricing table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ValuesGrid
data-component="ValuesGrid"
Reusable values grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
VirtualizedTable
data-component="VirtualizedTable"
Reusable virtualized table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone

Feedback

ComponentPropsSlotsEvents
AccountStatusBanner
data-component="AccountStatusBanner"
Reusable account status banner component.		label: string = "AccountStatus"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
Alert
data-component="Alert"
Reusable alert component.		title: string = "Notice"
description: string = ""
variant: string = "info"
dismissible: boolean = false		defaultclick
ApiAuthenticationNotice
data-component="ApiAuthenticationNotice"
Reusable api authentication notice component.		label: string = "ApiAuthentication"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ApiMethodBadge
data-component="ApiMethodBadge"
Reusable api method badge component.		label: string = "ApiMethod"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ApiRateLimitNotice
data-component="ApiRateLimitNotice"
Reusable api rate limit notice component.		label: string = "ApiRateLimit"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ApiVersionBadge
data-component="ApiVersionBadge"
Reusable api version badge component.		label: string = "ApiVersion"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
Badge
data-component="Badge"
Reusable badge component.		label: string = "Badge"
variant: string = "neutral"		NoneNone
Banner
data-component="Banner"
Reusable banner component.		text: string = "Announcement"
href: string = ""
actionLabel: string = "Learn more"
variant: string = "brand"		NoneNone
BetaBadge
data-component="BetaBadge"
Reusable beta badge component.		label: string = "Beta"
variant: string = "default"
class: string = ""		defaultNone
CardSkeleton
data-component="CardSkeleton"
Reusable card skeleton component.		label: string = "Card"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CertificationBadge
data-component="CertificationBadge"
Reusable certification badge component.		label: string = "Certification"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ChannelBadge
data-component="ChannelBadge"
Reusable channel badge component.		label: string = "Channel"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CharacterCounter
data-component="CharacterCounter"
Reusable character counter component.		label: string = "Character"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ChartEmptyState
data-component="ChartEmptyState"
Reusable chart empty state component.		label: string = "ChartEmpty"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CodeLanguageBadge
data-component="CodeLanguageBadge"
Reusable code language badge component.		label: string = "CodeLanguage"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ComingSoonBadge
data-component="ComingSoonBadge"
Reusable coming soon badge component.		label: string = "ComingSoon"
variant: string = "default"
class: string = ""		defaultNone
ComingSoonState
data-component="ComingSoonState"
Reusable coming soon state component.		label: string = "ComingSoon"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CookieBanner
data-component="CookieBanner"
Reusable cookie banner component.		title: string = "We use cookies"
description: string = "We use essential cookies and optional analytics to improve your experience."
privacyHref: string = "/privacy"		Noneclick
Counter
data-component="Counter"
Reusable counter component.		label: string = "Status"
variant: string = "default"
class: string = ""		defaultNone
DeprecatedFeatureAlert
data-component="DeprecatedFeatureAlert"
Reusable deprecated feature alert component.		label: string = "DeprecatedFeature"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
EmptyState
data-component="EmptyState"
Reusable empty state component.		icon: string = "◇"
title: string = "Nothing here yet"
description: string = ""
actionLabel: string = ""
actionHref: string = "#"		NoneNone
ErrorState
data-component="ErrorState"
Reusable error state component.		code: string = "500"
title: string = "Something went wrong"
description: string = "Please try again."
actionLabel: string = "Try again"
actionHref: string = "/"		NoneNone
FeatureUnavailableState
data-component="FeatureUnavailableState"
Reusable feature unavailable state component.		label: string = "FeatureUnavailable"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
FileTypeBadge
data-component="FileTypeBadge"
Reusable file type badge component.		label: string = "FileType"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
FooterStatusIndicator
data-component="FooterStatusIndicator"
Reusable footer status indicator component.		label: string = "FooterStatus"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ForbiddenState
data-component="ForbiddenState"
Reusable forbidden state component.		label: string = "Forbidden"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
FormAlert
data-component="FormAlert"
Reusable form alert component.		label: string = "Form"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
GuideDifficultyBadge
data-component="GuideDifficultyBadge"
Reusable guide difficulty badge component.		label: string = "GuideDifficulty"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
HealthIndicator
data-component="HealthIndicator"
Reusable health indicator component.		label: string = "Health"
variant: string = "default"
class: string = ""		defaultNone
IncidentAlert
data-component="IncidentAlert"
Reusable incident alert component.		label: string = "Incident"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
IncidentBanner
data-component="IncidentBanner"
Reusable incident banner component.		label: string = "Incident"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
IncidentSeverityBadge
data-component="IncidentSeverityBadge"
Reusable incident severity badge component.		label: string = "IncidentSeverity"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
IndustryBadge
data-component="IndustryBadge"
Reusable industry badge component.		label: string = "Industry"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
InlineAlert
data-component="InlineAlert"
Reusable inline alert component.		label: string = "Inline"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
LegalAcceptanceNotice
data-component="LegalAcceptanceNotice"
Reusable legal acceptance notice component.		label: string = "LegalAcceptance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
LegalNotice
data-component="LegalNotice"
Reusable legal notice component.		label: string = "Legal"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
LegalVersionBadge
data-component="LegalVersionBadge"
Reusable legal version badge component.		label: string = "LegalVersion"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MaintenanceAlert
data-component="MaintenanceAlert"
Reusable maintenance alert component.		label: string = "Maintenance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MaintenanceBanner
data-component="MaintenanceBanner"
Reusable maintenance banner component.		label: string = "Maintenance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MaintenanceState
data-component="MaintenanceState"
Reusable maintenance state component.		label: string = "Maintenance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MessageCharacterCounter
data-component="MessageCharacterCounter"
Reusable message character counter component.		label: string = "MessageCharacter"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
NewBadge
data-component="NewBadge"
Reusable new badge component.		label: string = "New"
variant: string = "default"
class: string = ""		defaultNone
NoResultsState
data-component="NoResultsState"
Reusable no results state component.		label: string = "NoResults"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
NotFoundState
data-component="NotFoundState"
Reusable not found state component.		label: string = "NotFound"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
OfflineState
data-component="OfflineState"
Reusable offline state component.		label: string = "Offline"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
OnlineIndicator
data-component="OnlineIndicator"
Reusable online indicator component.		label: string = "Online"
variant: string = "default"
class: string = ""		defaultNone
OptionalIndicator
data-component="OptionalIndicator"
Reusable optional indicator component.		label: string = "Optional"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
PageAlert
data-component="PageAlert"
Reusable page alert component.		label: string = "Page"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
PageSkeleton
data-component="PageSkeleton"
Reusable page skeleton component.		label: string = "Page"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
PreviewBadge
data-component="PreviewBadge"
Reusable preview badge component.		label: string = "Preview"
variant: string = "default"
class: string = ""		defaultNone
PrivacyNotice
data-component="PrivacyNotice"
Reusable privacy notice component.		label: string = "Privacy"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ProductStatusBadge
data-component="ProductStatusBadge"
Reusable product status badge component.		label: string = "ProductStatus"
variant: string = "default"
class: string = ""		defaultNone
RateLimitedState
data-component="RateLimitedState"
Reusable rate limited state component.		label: string = "RateLimited"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RegionalPrivacyBanner
data-component="RegionalPrivacyBanner"
Reusable regional privacy banner component.		label: string = "RegionalPrivacy"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RegionUnavailableAlert
data-component="RegionUnavailableAlert"
Reusable region unavailable alert component.		label: string = "RegionUnavailable"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RegionUnavailableState
data-component="RegionUnavailableState"
Reusable region unavailable state component.		label: string = "RegionUnavailable"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RequiredIndicator
data-component="RequiredIndicator"
Reusable required indicator component.		label: string = "Required"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ResourceTypeBadge
data-component="ResourceTypeBadge"
Reusable resource type badge component.		label: string = "ResourceType"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
SearchEmptyState
data-component="SearchEmptyState"
Reusable search empty state component.		label: string = "SearchEmpty"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
SearchLoadingState
data-component="SearchLoadingState"
Reusable search loading state component.		label: string = "SearchLoading"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
SecurityAlert
data-component="SecurityAlert"
Reusable security alert component.		label: string = "Security"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ServiceStatusBadge
data-component="ServiceStatusBadge"
Reusable service status badge component.		label: string = "ServiceStatus"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
Skeleton
data-component="Skeleton"
Reusable skeleton component.		height: string = "4"
rounded: string = "lg"
className: string = ""		NoneNone
SmsSegmentCounter
data-component="SmsSegmentCounter"
Reusable sms segment counter component.		label: string = "SmsSegment"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
StatusBadge
data-component="StatusBadge"
Reusable status badge component.		status: string = "operational"NoneNone
SuccessState
data-component="SuccessState"
Reusable success state component.		label: string = "Success"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TableSkeleton
data-component="TableSkeleton"
Reusable table skeleton component.		label: string = "Table"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TaxNotice
data-component="TaxNotice"
Reusable tax notice component.		label: string = "Tax"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TextSkeleton
data-component="TextSkeleton"
Reusable text skeleton component.		label: string = "Text"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TrendIndicator
data-component="TrendIndicator"
Reusable trend indicator component.		label: string = "Trend"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
UnavailableRegionState
data-component="UnavailableRegionState"
Reusable unavailable region state component.		label: string = "UnavailableRegion"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
VerifiedBadge
data-component="VerifiedBadge"
Reusable verified badge component.		label: string = "Verified"
variant: string = "default"
class: string = ""		defaultNone

Forms

ComponentPropsSlotsEvents
AddressInput
data-component="AddressInput"
Reusable address input component.		label: string = "Address"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AmountInput
data-component="AmountInput"
Reusable amount input component.		label: string = "Amount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ApartmentInput
data-component="ApartmentInput"
Reusable apartment input component.		label: string = "Apartment"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ApiKeyInput
data-component="ApiKeyInput"
Reusable api key input component.		label: string = "ApiKey"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AttachmentPicker
data-component="AttachmentPicker"
Reusable attachment picker component.		label: string = "Attachment"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AuthenticatorCodeInput
data-component="AuthenticatorCodeInput"
Reusable authenticator code input component.		label: string = "AuthenticatorCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AvatarGroup
data-component="AvatarGroup"
Reusable avatar group component.		label: string = "Avatar"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BillingPeriodToggle
data-component="BillingPeriodToggle"
Reusable billing period toggle component.		label: string = "BillingPeriod"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BlackoutDatePicker
data-component="BlackoutDatePicker"
Reusable blackout date picker component.		label: string = "BlackoutDate"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BorderRadiusPicker
data-component="BorderRadiusPicker"
Reusable border radius picker component.		label: string = "BorderRadius"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BrandColorPicker
data-component="BrandColorPicker"
Reusable brand color picker component.		label: string = "BrandColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BrandSelector
data-component="BrandSelector"
Reusable brand selector component.		label: string = "Brand"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BudgetSelector
data-component="BudgetSelector"
Reusable budget selector component.		label: string = "Budget"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BusinessHoursPicker
data-component="BusinessHoursPicker"
Reusable business hours picker component.		label: string = "BusinessHours"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ButtonGroup
data-component="ButtonGroup"
Reusable button group component.		label: string = "Button"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ButtonSelector
data-component="ButtonSelector"
Reusable button selector component.		label: string = "Button"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CallbackUrlInput
data-component="CallbackUrlInput"
Reusable callback url input component.		label: string = "CallbackUrl"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CaptchaField
data-component="CaptchaField"
Reusable captcha field component.		label: string = "Captcha"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CardSelector
data-component="CardSelector"
Reusable card selector component.		label: string = "Card"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ChannelSelector
data-component="ChannelSelector"
Reusable channel selector component.		label: string = "Channel"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CheckboxGroup
data-component="CheckboxGroup"
Reusable checkbox group component.		label: string = "Checkbox"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ChipInput
data-component="ChipInput"
Reusable chip input component.		label: string = "Chip"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CitySelector
data-component="CitySelector"
Reusable city selector component.		label: string = "City"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CodeInput
data-component="CodeInput"
Reusable code input component.		label: string = "Code"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ColorHexInput
data-component="ColorHexInput"
Reusable color hex input component.		label: string = "ColorHex"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ColorPicker
data-component="ColorPicker"
Reusable color picker component.		label: string = "Color"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ColorSelector
data-component="ColorSelector"
Reusable color selector component.		label: string = "Color"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CommandSearchInput
data-component="CommandSearchInput"
Reusable command search input component.		label: string = "CommandSearch"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CompanyNameInput
data-component="CompanyNameInput"
Reusable company name input component.		label: string = "CompanyName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CompanySizeSelector
data-component="CompanySizeSelector"
Reusable company size selector component.		label: string = "CompanySize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ComparisonDateRangePicker
data-component="ComparisonDateRangePicker"
Reusable comparison date range picker component.		label: string = "ComparisonDateRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ConfirmPasswordInput
data-component="ConfirmPasswordInput"
Reusable confirm password input component.		label: string = "ConfirmPassword"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CookieCategoryToggle
data-component="CookieCategoryToggle"
Reusable cookie category toggle component.		label: string = "CookieCategory"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CoordinatesInput
data-component="CoordinatesInput"
Reusable coordinates input component.		label: string = "Coordinates"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CoordinatesPicker
data-component="CoordinatesPicker"
Reusable coordinates picker component.		label: string = "Coordinates"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CopySecretField
data-component="CopySecretField"
Reusable copy secret field component.		label: string = "CopySecret"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CountryCallingCodeInput
data-component="CountryCallingCodeInput"
Reusable country calling code input component.		label: string = "CountryCallingCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CountryCallingCodeSelector
data-component="CountryCallingCodeSelector"
Reusable country calling code selector component.		label: string = "CountryCallingCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CountrySelector
data-component="CountrySelector"
Reusable country selector component.		label: string = "Country"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CouponInput
data-component="CouponInput"
Reusable coupon input component.		label: string = "Coupon"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CreditAmountInput
data-component="CreditAmountInput"
Reusable credit amount input component.		label: string = "CreditAmount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CronInput
data-component="CronInput"
Reusable cron input component.		label: string = "Cron"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CurrencyInput
data-component="CurrencyInput"
Reusable currency input component.		label: string = "Currency"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CurrencySelector
data-component="CurrencySelector"
Reusable currency selector component.		label: string = "Currency"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CurrentPasswordInput
data-component="CurrentPasswordInput"
Reusable current password input component.		label: string = "CurrentPassword"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DateInput
data-component="DateInput"
Reusable date input component.		id: string = ""
name: string = ""
label: string = "Date"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
DatePicker
data-component="DatePicker"
Reusable date picker component.		id: string = "date"
name: string = "date"
label: string = "Date"
value: string = ""
min: string = ""
max: string = ""
required: boolean = false		NoneNone
DateRangePicker
data-component="DateRangePicker"
Reusable date range picker component.		label: string = "Date range"
startName: string = "startDate"
endName: string = "endDate"		NoneNone
DateTimeInput
data-component="DateTimeInput"
Reusable date time input component.		id: string = ""
name: string = ""
label: string = "DateTime"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
DateTimePicker
data-component="DateTimePicker"
Reusable date time picker component.		id: string = "datetime-picker"
name: string = "datetime"
label: string = "Date and time"
value: string = ""
min: string = ""
max: string = ""
required: boolean = false
disabled: boolean = false
class: string = ""		NoneNone
DateTimeRangePicker
data-component="DateTimeRangePicker"
Reusable date time range picker component.		label: string = "DateTimeRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DecimalInput
data-component="DecimalInput"
Reusable decimal input component.		label: string = "Decimal"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DepartmentInput
data-component="DepartmentInput"
Reusable department input component.		label: string = "Department"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DiscountInput
data-component="DiscountInput"
Reusable discount input component.		label: string = "Discount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DisplayNameInput
data-component="DisplayNameInput"
Reusable display name input component.		label: string = "DisplayName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DomainInput
data-component="DomainInput"
Reusable domain input component.		label: string = "Domain"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DurationInput
data-component="DurationInput"
Reusable duration input component.		label: string = "Duration"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DurationPicker
data-component="DurationPicker"
Reusable duration picker component.		label: string = "Duration"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
EmailBodyEditor
data-component="EmailBodyEditor"
Reusable email body editor component.		label: string = "EmailBody"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
EmailInput
data-component="EmailInput"
Reusable email input component.		id: string = ""
name: string = ""
label: string = "Email"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
EmojiPicker
data-component="EmojiPicker"
Reusable emoji picker component.		label: string = "Emoji"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
EnvironmentSelector
data-component="EnvironmentSelector"
Reusable environment selector component.		label: string = "Environment"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ExpiryDateTimePicker
data-component="ExpiryDateTimePicker"
Reusable expiry date time picker component.		label: string = "ExpiryDateTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FaxInput
data-component="FaxInput"
Reusable fax input component.		label: string = "Fax"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FileInput
data-component="FileInput"
Reusable file input component.		label: string = "File"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FileSizeInput
data-component="FileSizeInput"
Reusable file size input component.		label: string = "FileSize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FilterSearchInput
data-component="FilterSearchInput"
Reusable filter search input component.		label: string = "FilterSearch"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FirstNameInput
data-component="FirstNameInput"
Reusable first name input component.		label: string = "FirstName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FontPicker
data-component="FontPicker"
Reusable font picker component.		label: string = "Font"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FontSizePicker
data-component="FontSizePicker"
Reusable font size picker component.		label: string = "FontSize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FontWeightPicker
data-component="FontWeightPicker"
Reusable font weight picker component.		label: string = "FontWeight"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FormField
data-component="FormField"
Reusable form field component.		label: string = "Field"
help: string = ""
error: string = ""
required: boolean = false		defaultNone
FormGroup
data-component="FormGroup"
Reusable form group component.		label: string = "Form"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
GeofenceEditor
data-component="GeofenceEditor"
Reusable geofence editor component.		label: string = "Geofence"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
GradientPicker
data-component="GradientPicker"
Reusable gradient picker component.		label: string = "Gradient"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
GradientStopEditor
data-component="GradientStopEditor"
Reusable gradient stop editor component.		label: string = "GradientStop"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HexColorInput
data-component="HexColorInput"
Reusable hex color input component.		label: string = "HexColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HiddenField
data-component="HiddenField"
Reusable hidden field component.		label: string = "Hidden"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HostnameInput
data-component="HostnameInput"
Reusable hostname input component.		label: string = "Hostname"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HourPicker
data-component="HourPicker"
Reusable hour picker component.		label: string = "Hour"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HslColorInput
data-component="HslColorInput"
Reusable hsl color input component.		label: string = "HslColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HtmlEditor
data-component="HtmlEditor"
Reusable html editor component.		label: string = "Html"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IconPicker
data-component="IconPicker"
Reusable icon picker component.		label: string = "Icon"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IconSelector
data-component="IconSelector"
Reusable icon selector component.		label: string = "Icon"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IdentifierInput
data-component="IdentifierInput"
Reusable identifier input component.		label: string = "Identifier"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ImageEditor
data-component="ImageEditor"
Reusable image editor component.		label: string = "Image"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ImageSelector
data-component="ImageSelector"
Reusable image selector component.		label: string = "Image"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IndustrySelector
data-component="IndustrySelector"
Reusable industry selector component.		label: string = "Industry"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
InputGroup
data-component="InputGroup"
Reusable input group component.		label: string = "Input"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IntegerInput
data-component="IntegerInput"
Reusable integer input component.		label: string = "Integer"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IpAddressInput
data-component="IpAddressInput"
Reusable ip address input component.		label: string = "IpAddress"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
JobTitleInput
data-component="JobTitleInput"
Reusable job title input component.		label: string = "JobTitle"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
JsonInput
data-component="JsonInput"
Reusable json input component.		label: string = "Json"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LanguageSelector
data-component="LanguageSelector"
Reusable language selector component.		label: string = "Language"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LastNameInput
data-component="LastNameInput"
Reusable last name input component.		label: string = "LastName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LatitudeInput
data-component="LatitudeInput"
Reusable latitude input component.		label: string = "Latitude"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LegalLanguageSelector
data-component="LegalLanguageSelector"
Reusable legal language selector component.		label: string = "LegalLanguage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LegalRegionSelector
data-component="LegalRegionSelector"
Reusable legal region selector component.		label: string = "LegalRegion"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LetterSpacingPicker
data-component="LetterSpacingPicker"
Reusable letter spacing picker component.		label: string = "LetterSpacing"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LicenseKeyInput
data-component="LicenseKeyInput"
Reusable license key input component.		label: string = "LicenseKey"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LineHeightPicker
data-component="LineHeightPicker"
Reusable line height picker component.		label: string = "LineHeight"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LocaleSelector
data-component="LocaleSelector"
Reusable locale selector component.		label: string = "Locale"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LocationPicker
data-component="LocationPicker"
Reusable location picker component.		label: string = "Location"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LongitudeInput
data-component="LongitudeInput"
Reusable longitude input component.		label: string = "Longitude"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MaintenanceWindowPicker
data-component="MaintenanceWindowPicker"
Reusable maintenance window picker component.		label: string = "MaintenanceWindow"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MapPicker
data-component="MapPicker"
Reusable map picker component.		label: string = "Map"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MarkdownEditor
data-component="MarkdownEditor"
Reusable markdown editor component.		label: string = "Markdown"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MaskedSecretField
data-component="MaskedSecretField"
Reusable masked secret field component.		label: string = "MaskedSecret"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MentionInput
data-component="MentionInput"
Reusable mention input component.		label: string = "Mention"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MessageLimitInput
data-component="MessageLimitInput"
Reusable message limit input component.		label: string = "MessageLimit"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MinutePicker
data-component="MinutePicker"
Reusable minute picker component.		label: string = "Minute"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MobileInput
data-component="MobileInput"
Reusable mobile input component.		label: string = "Mobile"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MonthlyVolumeSelector
data-component="MonthlyVolumeSelector"
Reusable monthly volume selector component.		label: string = "MonthlyVolume"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MonthPicker
data-component="MonthPicker"
Reusable month picker component.		label: string = "Month"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MonthYearPicker
data-component="MonthYearPicker"
Reusable month year picker component.		label: string = "MonthYear"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MultipleEmailInput
data-component="MultipleEmailInput"
Reusable multiple email input component.		label: string = "MultipleEmail"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
NameInput
data-component="NameInput"
Reusable name input component.		label: string = "Name"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
NewPasswordInput
data-component="NewPasswordInput"
Reusable new password input component.		label: string = "NewPassword"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
NumberInput
data-component="NumberInput"
Reusable number input component.		id: string = ""
name: string = ""
label: string = "Number"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
OrganizationSelector
data-component="OrganizationSelector"
Reusable organization selector component.		label: string = "Organization"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
OtpInput
data-component="OtpInput"
Reusable otp input component.		name: string = "otp"
length: number = 6
label: string = "Verification code"		NoneNone
PasswordInput
data-component="PasswordInput"
Reusable password input component.		id: string = ""
name: string = ""
label: string = "Password"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
PasswordVisibilityToggle
data-component="PasswordVisibilityToggle"
Reusable password visibility toggle component.		label: string = "PasswordVisibility"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PathInput
data-component="PathInput"
Reusable path input component.		label: string = "Path"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PercentageInput
data-component="PercentageInput"
Reusable percentage input component.		label: string = "Percentage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PermissionSelector
data-component="PermissionSelector"
Reusable permission selector component.		label: string = "Permission"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PhoneInput
data-component="PhoneInput"
Reusable phone input component.		id: string = ""
name: string = ""
label: string = "Phone"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
PinInput
data-component="PinInput"
Reusable pin input component.		label: string = "Pin"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PlainTextEditor
data-component="PlainTextEditor"
Reusable plain text editor component.		label: string = "PlainText"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PlanSelector
data-component="PlanSelector"
Reusable plan selector component.		label: string = "Plan"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PortInput
data-component="PortInput"
Reusable port input component.		label: string = "Port"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PortNumberInput
data-component="PortNumberInput"
Reusable port number input component.		label: string = "PortNumber"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PositiveNumberInput
data-component="PositiveNumberInput"
Reusable positive number input component.		label: string = "PositiveNumber"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PostalCodeInput
data-component="PostalCodeInput"
Reusable postal code input component.		label: string = "PostalCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PresetDateRangePicker
data-component="PresetDateRangePicker"
Reusable preset date range picker component.		label: string = "PresetDateRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PriceInput
data-component="PriceInput"
Reusable price input component.		label: string = "Price"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PricingFeatureGroup
data-component="PricingFeatureGroup"
Reusable pricing feature group component.		label: string = "PricingFeature"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PricingToggle
data-component="PricingToggle"
Reusable pricing toggle component.		label: string = "Pricing"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PrioritySelector
data-component="PrioritySelector"
Reusable priority selector component.		label: string = "Priority"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ProductSelector
data-component="ProductSelector"
Reusable product selector component.		label: string = "Product"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ProjectSelector
data-component="ProjectSelector"
Reusable project selector component.		label: string = "Project"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PromoCodeInput
data-component="PromoCodeInput"
Reusable promo code input component.		label: string = "PromoCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ProviderSelector
data-component="ProviderSelector"
Reusable provider selector component.		label: string = "Provider"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PublishDateTimePicker
data-component="PublishDateTimePicker"
Reusable publish date time picker component.		label: string = "PublishDateTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PushNotificationEditor
data-component="PushNotificationEditor"
Reusable push notification editor component.		label: string = "PushNotification"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
QuantityInput
data-component="QuantityInput"
Reusable quantity input component.		label: string = "Quantity"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
QuietHoursPicker
data-component="QuietHoursPicker"
Reusable quiet hours picker component.		label: string = "Quiet hours"
startName: string = "quietStart"
endName: string = "quietEnd"
start: string = "22:00"
end: string = "08:00"
timezone: string = "UTC"
disabled: boolean = false
class: string = ""		NoneNone
RadioGroup
data-component="RadioGroup"
Reusable radio group component.		label: string = "Choose one"
name: string = "choice"		defaultNone
RangeInput
data-component="RangeInput"
Reusable range input component.		label: string = "Range"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RateLimitInput
data-component="RateLimitInput"
Reusable rate limit input component.		label: string = "RateLimit"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RecipientSelector
data-component="RecipientSelector"
Reusable recipient selector component.		label: string = "Recipient"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RecoveryCodeInput
data-component="RecoveryCodeInput"
Reusable recovery code input component.		label: string = "RecoveryCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RecurringSchedulePicker
data-component="RecurringSchedulePicker"
Reusable recurring schedule picker component.		id: string = "recurring-schedule"
name: string = "recurrence"
label: string = "Repeat"
value: string = "none"
disabled: boolean = false
class: string = ""		NoneNone
RedirectUriInput
data-component="RedirectUriInput"
Reusable redirect uri input component.		label: string = "RedirectUri"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ReferenceInput
data-component="ReferenceInput"
Reusable reference input component.		label: string = "Reference"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RegexInput
data-component="RegexInput"
Reusable regex input component.		label: string = "Regex"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RegionSelector
data-component="RegionSelector"
Reusable region selector component.		label: string = "Region"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RetryCountInput
data-component="RetryCountInput"
Reusable retry count input component.		label: string = "RetryCount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RgbColorInput
data-component="RgbColorInput"
Reusable rgb color input component.		label: string = "RgbColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RichTextEditor
data-component="RichTextEditor"
Reusable rich text editor component.		label: string = "RichText"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RichTextInput
data-component="RichTextInput"
Reusable rich text input component.		label: string = "RichText"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RoleSelector
data-component="RoleSelector"
Reusable role selector component.		label: string = "Role"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RollingDateRangePicker
data-component="RollingDateRangePicker"
Reusable rolling date range picker component.		label: string = "RollingDateRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SavedFilterSelector
data-component="SavedFilterSelector"
Reusable saved filter selector component.		label: string = "SavedFilter"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ScheduledDateTimePicker
data-component="ScheduledDateTimePicker"
Reusable scheduled date time picker component.		label: string = "ScheduledDateTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ScheduleMessagePicker
data-component="ScheduleMessagePicker"
Reusable schedule message picker component.		label: string = "ScheduleMessage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SchedulePicker
data-component="SchedulePicker"
Reusable schedule picker component.		label: string = "Schedule"NoneNone
SdkLanguageSelector
data-component="SdkLanguageSelector"
Reusable sdk language selector component.		label: string = "SdkLanguage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SearchInput
data-component="SearchInput"
Reusable search input component.		id: string = ""
name: string = ""
label: string = "Search"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
SecondPicker
data-component="SecondPicker"
Reusable second picker component.		label: string = "Second"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SecretInput
data-component="SecretInput"
Reusable secret input component.		label: string = "Secret"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SenderIdInput
data-component="SenderIdInput"
Reusable sender id input component.		label: string = "SenderId"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SeveritySelector
data-component="SeveritySelector"
Reusable severity selector component.		label: string = "Severity"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ShadowPicker
data-component="ShadowPicker"
Reusable shadow picker component.		label: string = "Shadow"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SlugInput
data-component="SlugInput"
Reusable slug input component.		label: string = "Slug"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SmsMessageEditor
data-component="SmsMessageEditor"
Reusable sms message editor component.		label: string = "SmsMessage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StateSelector
data-component="StateSelector"
Reusable state selector component.		label: string = "State"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StatusSelector
data-component="StatusSelector"
Reusable status selector component.		label: string = "Status"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StepperInput
data-component="StepperInput"
Reusable stepper input component.		label: string = "Stepper"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StickerPicker
data-component="StickerPicker"
Reusable sticker picker component.		label: string = "Sticker"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StreetAddressInput
data-component="StreetAddressInput"
Reusable street address input component.		label: string = "StreetAddress"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SubdomainInput
data-component="SubdomainInput"
Reusable subdomain input component.		label: string = "Subdomain"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SubjectInput
data-component="SubjectInput"
Reusable subject input component.		label: string = "Subject"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TagInput
data-component="TagInput"
Reusable tag input component.		label: string = "Tag"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TaxRateInput
data-component="TaxRateInput"
Reusable tax rate input component.		label: string = "TaxRate"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TeamSizeSelector
data-component="TeamSizeSelector"
Reusable team size selector component.		label: string = "TeamSize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TemplateSelector
data-component="TemplateSelector"
Reusable template selector component.		label: string = "Template"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TemplateVariableInput
data-component="TemplateVariableInput"
Reusable template variable input component.		label: string = "TemplateVariable"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TextInput
data-component="TextInput"
Reusable text input component.		id: string = ""
name: string = ""
label: string = "Text"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
ThemeColorPicker
data-component="ThemeColorPicker"
Reusable theme color picker component.		label: string = "ThemeColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimeInput
data-component="TimeInput"
Reusable time input component.		id: string = ""
name: string = ""
label: string = "Time"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
TimeoutInput
data-component="TimeoutInput"
Reusable timeout input component.		label: string = "Timeout"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimePicker
data-component="TimePicker"
Reusable time picker component.		id: string = "time-picker"
name: string = "time"
label: string = "Time"
value: string = ""
min: string = ""
max: string = ""
step: number = 60
required: boolean = false
disabled: boolean = false
class: string = ""		NoneNone
TimeRangePicker
data-component="TimeRangePicker"
Reusable time range picker component.		label: string = "TimeRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimezoneAwareTimePicker
data-component="TimezoneAwareTimePicker"
Reusable timezone aware time picker component.		label: string = "TimezoneAwareTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimezoneSelector
data-component="TimezoneSelector"
Reusable timezone selector component.		id: string = "timezone"
name: string = "timezone"
label: string = "Timezone"		NoneNone
Toggle
data-component="Toggle"
Reusable toggle component.		label: string = ""
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ToggleGroup
data-component="ToggleGroup"
Reusable toggle group component.		label: string = "Toggle"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TokenInput
data-component="TokenInput"
Reusable token input component.		label: string = "Token"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
UrlInput
data-component="UrlInput"
Reusable url input component.		id: string = ""
name: string = ""
label: string = "Url"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
UseCaseSelector
data-component="UseCaseSelector"
Reusable use case selector component.		label: string = "UseCase"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
UsernameInput
data-component="UsernameInput"
Reusable username input component.		label: string = "Username"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VerificationCodeInput
data-component="VerificationCodeInput"
Reusable verification code input component.		label: string = "VerificationCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VersionSelector
data-component="VersionSelector"
Reusable version selector component.		label: string = "Version"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VoiceScriptEditor
data-component="VoiceScriptEditor"
Reusable voice script editor component.		label: string = "VoiceScript"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VolumeInput
data-component="VolumeInput"
Reusable volume input component.		label: string = "Volume"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WebhookUrlInput
data-component="WebhookUrlInput"
Reusable webhook url input component.		label: string = "WebhookUrl"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WhatsAppNumberInput
data-component="WhatsAppNumberInput"
Reusable whats app number input component.		label: string = "WhatsAppNumber"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WhatsAppTemplateEditor
data-component="WhatsAppTemplateEditor"
Reusable whats app template editor component.		label: string = "WhatsAppTemplate"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WorkspaceSelector
data-component="WorkspaceSelector"
Reusable workspace selector component.		label: string = "Workspace"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
YearPicker
data-component="YearPicker"
Reusable year picker component.		label: string = "Year"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone

Layout

ComponentPropsSlotsEvents
AnchorNavigation
data-component="AnchorNavigation"
Reusable anchor navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
AppHeader
data-component="AppHeader"
Reusable app header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArchitectureSection
data-component="ArchitectureSection"
Reusable architecture section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArticleHero
data-component="ArticleHero"
Reusable article hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArticleLayout
data-component="ArticleLayout"
Reusable article layout component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArticlePageShell
data-component="ArticlePageShell"
Reusable article page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
BottomNavigation
data-component="BottomNavigation"
Reusable bottom navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
BrowserFrame
data-component="BrowserFrame"
Reusable browser frame component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CalendarHeader
data-component="CalendarHeader"
Reusable calendar header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CalendarNavigation
data-component="CalendarNavigation"
Reusable calendar navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CaseStudyHero
data-component="CaseStudyHero"
Reusable case study hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CenteredHero
data-component="CenteredHero"
Reusable centered hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CenteredSectionHeader
data-component="CenteredSectionHeader"
Reusable centered section header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ChallengeSection
data-component="ChallengeSection"
Reusable challenge section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CodeHeader
data-component="CodeHeader"
Reusable code header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CompanyHero
data-component="CompanyHero"
Reusable company hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CompanyPageShell
data-component="CompanyPageShell"
Reusable company page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ContactHero
data-component="ContactHero"
Reusable contact hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ContactPageShell
data-component="ContactPageShell"
Reusable contact page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CTASection
data-component="CTASection"
Reusable c t a section component.		eyebrow: string = "Ready?"
title: string = "Start building today"
description: string = ""
primaryLabel: string = "Get started"
primaryHref: string = "#"
secondaryLabel: string = "Contact sales"
secondaryHref: string = "#"		NoneNone
DesktopNavigation
data-component="DesktopNavigation"
Reusable desktop navigation component.		label: string = "Primary navigation"
items: string = []
class: string = ""		NoneNone
DeveloperHero
data-component="DeveloperHero"
Reusable developer hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
DeveloperPageShell
data-component="DeveloperPageShell"
Reusable developer page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
DropdownNavigation
data-component="DropdownNavigation"
Reusable dropdown navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
EnterpriseHero
data-component="EnterpriseHero"
Reusable enterprise hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ErrorHero
data-component="ErrorHero"
Reusable error hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ErrorPageShell
data-component="ErrorPageShell"
Reusable error page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
FeatureDetailsPanel
data-component="FeatureDetailsPanel"
Reusable feature details panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
FormSection
data-component="FormSection"
Reusable form section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Header
data-component="Header"
Reusable header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Hero
data-component="Hero"
Reusable hero component.		eyebrow: string = ""
title: string = "Build faster with WRNexusJS"
highlight: string = ""
description: string = ""
primaryLabel: string = "Get started"
primaryHref: string = "#"
secondaryLabel: string = "Learn more"
secondaryHref: string = "#"
align: string = "center"		defaultNone
HeroCodePanel
data-component="HeroCodePanel"
Reusable hero code panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
InsetPanel
data-component="InsetPanel"
Reusable inset panel component.		class: string = ""defaultNone
LegalDocumentHeader
data-component="LegalDocumentHeader"
Reusable legal document header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
LegalDocumentLayout
data-component="LegalDocumentLayout"
Reusable legal document layout component.		title: string = "Legal document"
effectiveDate: string = ""
updatedDate: string = ""		toc
default		None
LegalHero
data-component="LegalHero"
Reusable legal hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
LegalPageShell
data-component="LegalPageShell"
Reusable legal page shell component.		class: string = ""navigation
default		None
LegalSection
data-component="LegalSection"
Reusable legal section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MarketingPageShell
data-component="MarketingPageShell"
Reusable marketing page shell component.		class: string = ""defaultNone
MarketingSectionHeader
data-component="MarketingSectionHeader"
Reusable marketing section header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MissionSection
data-component="MissionSection"
Reusable mission section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MobileDeviceFrame
data-component="MobileDeviceFrame"
Reusable mobile device frame component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MobileNavigation
data-component="MobileNavigation"
Reusable mobile navigation component.		label: string = "Menu"
closeLabel: string = "Close menu"
items: string = []
class: string = ""		Noneclick
Navigation
data-component="Navigation"
Reusable navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Panel
data-component="Panel"
Reusable panel component.		class: string = ""defaultNone
PreviousNextNavigation
data-component="PreviousNextNavigation"
Reusable previous next navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
PricingHero
data-component="PricingHero"
Reusable pricing hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ProductCategorySection
data-component="ProductCategorySection"
Reusable product category section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ProductHero
data-component="ProductHero"
Reusable product hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ProductPageShell
data-component="ProductPageShell"
Reusable product page shell component.		class: string = ""defaultNone
PublicHeader
data-component="PublicHeader"
Reusable public header component.		brand: string = "WRNexusJS"
homeHref: string = "/"
signInHref: string = "/signin"
ctaHref: string = "/start"
ctaLabel: string = "Get started"		default
mobile		click
PublicPageShell
data-component="PublicPageShell"
Reusable public page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ResizablePanel
data-component="ResizablePanel"
Reusable resizable panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ResourcePageShell
data-component="ResourcePageShell"
Reusable resource page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ResultsSection
data-component="ResultsSection"
Reusable results section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ScreenshotFrame
data-component="ScreenshotFrame"
Reusable screenshot frame component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Section
data-component="Section"
Reusable section component.		id: string = ""
size: string = "default"
surface: string = "default"
className: string = ""		defaultNone
SectionHeader
data-component="SectionHeader"
Reusable section header component.		eyebrow: string = ""
title: string = "Section title"
description: string = ""
align: string = "left"		defaultNone
SecurityHero
data-component="SecurityHero"
Reusable security hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SidebarLayout
data-component="SidebarLayout"
Reusable sidebar layout component.		class: string = ""defaultNone
SidePanel
data-component="SidePanel"
Reusable side panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SolutionHero
data-component="SolutionHero"
Reusable solution hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SolutionPageShell
data-component="SolutionPageShell"
Reusable solution page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SolutionSection
data-component="SolutionSection"
Reusable solution section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SplitHero
data-component="SplitHero"
Reusable split hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SplitLayout
data-component="SplitLayout"
Reusable split layout component.		class: string = ""defaultNone
SplitSectionHeader
data-component="SplitSectionHeader"
Reusable split section header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
StatusPageShell
data-component="StatusPageShell"
Reusable status page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
StepNavigation
data-component="StepNavigation"
Reusable step navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
StickyLayout
data-component="StickyLayout"
Reusable sticky layout component.		class: string = ""defaultNone
TableHeader
data-component="TableHeader"
Reusable table header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
VisionSection
data-component="VisionSection"
Reusable vision section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
WizardHeader
data-component="WizardHeader"
Reusable wizard header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
WizardNavigation
data-component="WizardNavigation"
Reusable wizard navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone

Overlays

ComponentPropsSlotsEvents
AccessibleDialog
data-component="AccessibleDialog"
Reusable accessible dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
AccessibleMenu
data-component="AccessibleMenu"
Reusable accessible menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
AccountMenu
data-component="AccountMenu"
Reusable account menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ActionMenu
data-component="ActionMenu"
Reusable action menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
AlertDialog
data-component="AlertDialog"
Reusable alert dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ApiKeyCreateDialog
data-component="ApiKeyCreateDialog"
Reusable api key create dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
CommandMenu
data-component="CommandMenu"
Reusable command menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ConfirmationDialog
data-component="ConfirmationDialog"
Reusable confirmation dialog component.		title: string = "Confirm action"
description: string = "Are you sure you want to continue?"
confirmLabel: string = "Confirm"
cancelLabel: string = "Cancel"
danger: boolean = false
open: boolean = false
class: string = ""		confirmclick
ContextMenu
data-component="ContextMenu"
Reusable context menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
CookiePreferencesDialog
data-component="CookiePreferencesDialog"
Reusable cookie preferences dialog component.		title: string = "Cookie preferences"
description: string = "Choose which optional cookies you allow. Essential cookies are always enabled."
saveLabel: string = "Save preferences"
acceptLabel: string = "Accept all"
rejectLabel: string = "Reject optional"
open: boolean = false
class: string = ""		Nonechange
click
DeleteConfirmationDialog
data-component="DeleteConfirmationDialog"
Reusable delete confirmation dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
DevelopersMenu
data-component="DevelopersMenu"
Reusable developers menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
DropdownMenu
data-component="DropdownMenu"
Reusable dropdown menu component.		label: string = "Menu"defaultclick
FilterMenu
data-component="FilterMenu"
Reusable filter menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
FormDialog
data-component="FormDialog"
Reusable form dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
FullscreenDialog
data-component="FullscreenDialog"
Reusable fullscreen dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ImagePreviewDialog
data-component="ImagePreviewDialog"
Reusable image preview dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
Lightbox
data-component="Lightbox"
Reusable lightbox component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
LogoutDialog
data-component="LogoutDialog"
Reusable logout dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
MegaMenu
data-component="MegaMenu"
Reusable mega menu component.		label: string = "Explore"
sections: string = []
class: string = ""		Noneclick
NavigationMegaMenu
data-component="NavigationMegaMenu"
Reusable navigation mega menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
Popover
data-component="Popover"
Reusable popover component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ProductsMegaMenu
data-component="ProductsMegaMenu"
Reusable products mega menu component.		label: string = "Products"
sections: string = []
class: string = ""		NoneNone
PromptDialog
data-component="PromptDialog"
Reusable prompt dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ResourcesMegaMenu
data-component="ResourcesMegaMenu"
Reusable resources mega menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SearchDialog
data-component="SearchDialog"
Reusable search dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SecretRevealDialog
data-component="SecretRevealDialog"
Reusable secret reveal dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SessionExpiredDialog
data-component="SessionExpiredDialog"
Reusable session expired dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SolutionsMegaMenu
data-component="SolutionsMegaMenu"
Reusable solutions mega menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
StepUpAuthenticationDialog
data-component="StepUpAuthenticationDialog"
Reusable step up authentication dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
TestMessageDialog
data-component="TestMessageDialog"
Reusable test message dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
UnsavedChangesDialog
data-component="UnsavedChangesDialog"
Reusable unsaved changes dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
VideoPreviewDialog
data-component="VideoPreviewDialog"
Reusable video preview dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone

Visualization

ComponentPropsSlotsEvents
AreaChart
data-component="AreaChart"
Reusable area chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
BarChart
data-component="BarChart"
Reusable bar chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CampaignProgress
data-component="CampaignProgress"
Reusable campaign progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChannelComparisonChart
data-component="ChannelComparisonChart"
Reusable channel comparison chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChannelFallbackDiagram
data-component="ChannelFallbackDiagram"
Reusable channel fallback diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChannelFlow
data-component="ChannelFlow"
Reusable channel flow component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChecklistProgress
data-component="ChecklistProgress"
Reusable checklist progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CircularProgress
data-component="CircularProgress"
Reusable circular progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CohortChart
data-component="CohortChart"
Reusable cohort chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CompletionMeter
data-component="CompletionMeter"
Reusable completion meter component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ConversionChart
data-component="ConversionChart"
Reusable conversion chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CostBreakdownChart
data-component="CostBreakdownChart"
Reusable cost breakdown chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
DeliveryStatusChart
data-component="DeliveryStatusChart"
Reusable delivery status chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
DeliveryStatusTimeline
data-component="DeliveryStatusTimeline"
Reusable delivery status timeline component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
DonutChart
data-component="DonutChart"
Reusable donut chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
EncryptionDiagram
data-component="EncryptionDiagram"
Reusable encryption diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ExportProgress
data-component="ExportProgress"
Reusable export progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FallbackRouteDiagram
data-component="FallbackRouteDiagram"
Reusable fallback route diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FeatureTimeline
data-component="FeatureTimeline"
Reusable feature timeline component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FormProgress
data-component="FormProgress"
Reusable form progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FunnelChart
data-component="FunnelChart"
Reusable funnel chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
GeoChart
data-component="GeoChart"
Reusable geo chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ImportProgress
data-component="ImportProgress"
Reusable import progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
IncidentResponseFlow
data-component="IncidentResponseFlow"
Reusable incident response flow component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
IncidentTimeline
data-component="IncidentTimeline"
Reusable incident timeline component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
JobProgress
data-component="JobProgress"
Reusable job progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
LatencyMetric
data-component="LatencyMetric"
Reusable latency metric component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
LineChart
data-component="LineChart"
Reusable line chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
Metric
data-component="Metric"
Reusable metric component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
OnboardingProgress
data-component="OnboardingProgress"
Reusable onboarding progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
PasswordStrengthMeter
data-component="PasswordStrengthMeter"
Reusable password strength meter component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
PieChart
data-component="PieChart"
Reusable pie chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ProductArchitectureDiagram
data-component="ProductArchitectureDiagram"
Reusable product architecture diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ProgressChart
data-component="ProgressChart"
Reusable progress chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ProgressRing
data-component="ProgressRing"
Reusable progress ring component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
RevenueChart
data-component="RevenueChart"
Reusable revenue chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
SmartRouteDiagram
data-component="SmartRouteDiagram"
Reusable smart route diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
TenantIsolationDiagram
data-component="TenantIsolationDiagram"
Reusable tenant isolation diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
Timeline
data-component="Timeline"
Reusable timeline component.		title: string = "Timeline"defaultNone
TimelineChart
data-component="TimelineChart"
Reusable timeline chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ToastProgress
data-component="ToastProgress"
Reusable toast progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
UploadProgress
data-component="UploadProgress"
Reusable upload progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
UptimeChart
data-component="UptimeChart"
Reusable uptime chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
UptimeMetric
data-component="UptimeMetric"
Reusable uptime metric component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
WebhookFlowDiagram
data-component="WebhookFlowDiagram"
Reusable webhook flow diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
WorkflowProgress
data-component="WorkflowProgress"
Reusable workflow progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
+</div>

All 891 UI components and props

This reference is generated from the exact installed .wrn sources. Required props have no default; optional props show their default value.

Actions

ComponentPropsSlotsEvents
AcceptAllCookiesButton
data-component="AcceptAllCookiesButton"
Reusable accept all cookies button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ArticleNewsletterCTA
data-component="ArticleNewsletterCTA"
Reusable article newsletter c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ArticleShareActions
data-component="ArticleShareActions"
Reusable article share actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
BackButton
data-component="BackButton"
Reusable back button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
Button
data-component="Button"
Reusable button component.		label: string = "Button"
type: string = "button"
variant: string = "primary"
size: string = "md"
disabled: boolean = false
loading: boolean = false
icon: string = ""
className: string = ""		NoneNone
CenteredCTA
data-component="CenteredCTA"
Reusable centered c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ClearFiltersButton
data-component="ClearFiltersButton"
Reusable clear filters button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
CloseButton
data-component="CloseButton"
Reusable close button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
CodeCopyButton
data-component="CodeCopyButton"
Reusable code copy button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ContactCTA
data-component="ContactCTA"
Reusable contact c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ContactSalesButton
data-component="ContactSalesButton"
Reusable contact sales button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
CopyButton
data-component="CopyButton"
Reusable copy button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
CopyCodeButton
data-component="CopyCodeButton"
Reusable copy code button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DangerButton
data-component="DangerButton"
Reusable danger button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
DeveloperCTA
data-component="DeveloperCTA"
Reusable developer c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DoNotSellLink
data-component="DoNotSellLink"
Reusable do not sell link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DownloadAction
data-component="DownloadAction"
Reusable download action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
DownloadButton
data-component="DownloadButton"
Reusable download button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
DownloadPolicyButton
data-component="DownloadPolicyButton"
Reusable download policy button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
EnterpriseCTA
data-component="EnterpriseCTA"
Reusable enterprise c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ErrorActions
data-component="ErrorActions"
Reusable error actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ErrorSupportLink
data-component="ErrorSupportLink"
Reusable error support link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ExternalLink
data-component="ExternalLink"
Reusable external link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
FieldActions
data-component="FieldActions"
Reusable field actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
FinalCTA
data-component="FinalCTA"
Reusable final c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
FormActions
data-component="FormActions"
Reusable form actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
GhostButton
data-component="GhostButton"
Reusable ghost button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
GradientCTA
data-component="GradientCTA"
Reusable gradient c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeaderActions
data-component="HeaderActions"
Reusable header actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeroActions
data-component="HeroActions"
Reusable hero actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeroPrimaryAction
data-component="HeroPrimaryAction"
Reusable hero primary action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
HeroSecondaryAction
data-component="HeroSecondaryAction"
Reusable hero secondary action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
IconButton
data-component="IconButton"
Reusable icon button component.		class: string = ""
label: string = "Action"
icon: string = "•"
variant: string = "ghost"
disabled: boolean = false		NoneNone
LegalPrintButton
data-component="LegalPrintButton"
Reusable legal print button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
LinkButton
data-component="LinkButton"
Reusable link button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
LoadingButton
data-component="LoadingButton"
Reusable loading button component.		label: string = "Continue"
loadingLabel: string = "Loading…"
loading: boolean = false
disabled: boolean = false
type: string = "button"
variant: string = "primary"
class: string = ""		NoneNone
LocalizedRouteLink
data-component="LocalizedRouteLink"
Reusable localized route link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
MobileMenuButton
data-component="MobileMenuButton"
Reusable mobile menu button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
NewsletterCTA
data-component="NewsletterCTA"
Reusable newsletter c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
OpenAPICTA
data-component="OpenAPICTA"
Reusable open a p i c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PasskeyButton
data-component="PasskeyButton"
Reusable passkey button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PlanCTA
data-component="PlanCTA"
Reusable plan c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PostmanCTA
data-component="PostmanCTA"
Reusable postman c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PrimaryButton
data-component="PrimaryButton"
Reusable primary button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
PrintAction
data-component="PrintAction"
Reusable print action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
PrintPolicyButton
data-component="PrintPolicyButton"
Reusable print policy button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ProductCTA
data-component="ProductCTA"
Reusable product c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
RejectOptionalCookiesButton
data-component="RejectOptionalCookiesButton"
Reusable reject optional cookies button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ReopenCookieSettingsButton
data-component="ReopenCookieSettingsButton"
Reusable reopen cookie settings button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ResponsibleDisclosureCTA
data-component="ResponsibleDisclosureCTA"
Reusable responsible disclosure c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SaveCookiePreferencesButton
data-component="SaveCookiePreferencesButton"
Reusable save cookie preferences button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SearchButton
data-component="SearchButton"
Reusable search button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SecondaryButton
data-component="SecondaryButton"
Reusable secondary button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
SectionActions
data-component="SectionActions"
Reusable section actions component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ShareAction
data-component="ShareAction"
Reusable share action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ShareButton
data-component="ShareButton"
Reusable share button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
SignInLink
data-component="SignInLink"
Reusable sign in link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SkipLink
data-component="SkipLink"
Reusable skip link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SplitButton
data-component="SplitButton"
Reusable split button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
SplitCTA
data-component="SplitCTA"
Reusable split c t a component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
StartFreeButton
data-component="StartFreeButton"
Reusable start free button component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
TertiaryButton
data-component="TertiaryButton"
Reusable tertiary button component.		label: string = "Action"
type: string = "button"
disabled: boolean = false
class: string = ""		defaultNone
TextLink
data-component="TextLink"
Reusable text link component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone
ToastAction
data-component="ToastAction"
Reusable toast action component.		label: string = "Action"
href: string = ""
type: string = "button"
variant: string = "primary"
disabled: boolean = false
class: string = ""		defaultNone

Content

ComponentPropsSlotsEvents
AccessibleAccordion
data-component="AccessibleAccordion"
Reusable accessible accordion component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleCarousel
data-component="AccessibleCarousel"
Reusable accessible carousel component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleChartSummary
data-component="AccessibleChartSummary"
Reusable accessible chart summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleErrorSummary
data-component="AccessibleErrorSummary"
Reusable accessible error summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleIcon
data-component="AccessibleIcon"
Reusable accessible icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleTabs
data-component="AccessibleTabs"
Reusable accessible tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AccessibleTooltip
data-component="AccessibleTooltip"
Reusable accessible tooltip component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Accordion
data-component="Accordion"
Reusable accordion component.		class: string = ""
title: string = "Question"
open: boolean = false		defaultclick
AddOnCard
data-component="AddOnCard"
Reusable add on card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AddressPreview
data-component="AddressPreview"
Reusable address preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AdvancedFilterBuilder
data-component="AdvancedFilterBuilder"
Reusable advanced filter builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AnalyticsDashboardPreview
data-component="AnalyticsDashboardPreview"
Reusable analytics dashboard preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiEndpointCard
data-component="ApiEndpointCard"
Reusable api endpoint card component.		class: string = ""
method: string = "GET"
path: string = "/api/example"
description: string = ""		defaultNone
ApiErrorExample
data-component="ApiErrorExample"
Reusable api error example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiKeyDisplay
data-component="ApiKeyDisplay"
Reusable api key display component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiRequestExample
data-component="ApiRequestExample"
Reusable api request example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiResponseExample
data-component="ApiResponseExample"
Reusable api response example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ApiSchemaViewer
data-component="ApiSchemaViewer"
Reusable api schema viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AssetCard
data-component="AssetCard"
Reusable asset card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
AttachmentUpload
data-component="AttachmentUpload"
Reusable attachment upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AudioUpload
data-component="AudioUpload"
Reusable audio upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuditLogPreview
data-component="AuditLogPreview"
Reusable audit log preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuthorAvatar
data-component="AuthorAvatar"
Reusable author avatar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuthorCard
data-component="AuthorCard"
Reusable author card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AuthorizedApplicationCard
data-component="AuthorizedApplicationCard"
Reusable authorized application card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AutomationExampleCard
data-component="AutomationExampleCard"
Reusable automation example card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
AvailabilityCalendar
data-component="AvailabilityCalendar"
Reusable availability calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Avatar
data-component="Avatar"
Reusable avatar component.		class: string = ""
src: string = ""
alt: string = ""
initials: string = "WR"
size: string = "md"		NoneNone
AvatarUpload
data-component="AvatarUpload"
Reusable avatar upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BankTransferDetails
data-component="BankTransferDetails"
Reusable bank transfer details component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BillingAddressForm
data-component="BillingAddressForm"
Reusable billing address form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BillingExample
data-component="BillingExample"
Reusable billing example component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BlogCard
data-component="BlogCard"
Reusable blog card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BlogSearch
data-component="BlogSearch"
Reusable blog search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
BodyText
data-component="BodyText"
Reusable body text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
BudgetRangeSlider
data-component="BudgetRangeSlider"
Reusable budget range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Calendar
data-component="Calendar"
Reusable calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CampaignCard
data-component="CampaignCard"
Reusable campaign card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
CampaignPerformancePreview
data-component="CampaignPerformancePreview"
Reusable campaign performance preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Card
data-component="Card"
Reusable card component.		variant: string = "default"
padding: string = "md"
interactive: boolean = false
className: string = ""		defaultNone
CardPaymentForm
data-component="CardPaymentForm"
Reusable card payment form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CareerApplicationForm
data-component="CareerApplicationForm"
Reusable career application form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Carousel
data-component="Carousel"
Reusable carousel component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CaseStudyCard
data-component="CaseStudyCard"
Reusable case study card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CaseStudyPreview
data-component="CaseStudyPreview"
Reusable case study preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CertificateUpload
data-component="CertificateUpload"
Reusable certificate upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ChannelCard
data-component="ChannelCard"
Reusable channel card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ChannelIcon
data-component="ChannelIcon"
Reusable channel icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ChartTooltip
data-component="ChartTooltip"
Reusable chart tooltip component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Checklist
data-component="Checklist"
Reusable checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ClickableCard
data-component="ClickableCard"
Reusable clickable card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
Code
data-component="Code"
Reusable code component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CodeBlock
data-component="CodeBlock"
Reusable code block component.		class: string = ""
language: string = "text"
filename: string = ""
code: string = ""		Noneclick
CodeTabs
data-component="CodeTabs"
Reusable code tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CodeText
data-component="CodeText"
Reusable code text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
ColorSwatch
data-component="ColorSwatch"
Reusable color swatch component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CommandBlock
data-component="CommandBlock"
Reusable command block component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ComplianceProgramCard
data-component="ComplianceProgramCard"
Reusable compliance program card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ConnectedAccountCard
data-component="ConnectedAccountCard"
Reusable connected account card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ConnectionCard
data-component="ConnectionCard"
Reusable connection card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ConsentTimelinePreview
data-component="ConsentTimelinePreview"
Reusable consent timeline preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ContactCard
data-component="ContactCard"
Reusable contact card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ContactForm
data-component="ContactForm"
Reusable contact form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ContactSalesForm
data-component="ContactSalesForm"
Reusable contact sales form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ContextSwitcher
data-component="ContextSwitcher"
Reusable context switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ConversationPreview
data-component="ConversationPreview"
Reusable conversation preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CostSummary
data-component="CostSummary"
Reusable cost summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CronBuilder
data-component="CronBuilder"
Reusable cron builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CsvUpload
data-component="CsvUpload"
Reusable csv upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CustomerLogo
data-component="CustomerLogo"
Reusable customer logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
CustomerStoryCard
data-component="CustomerStoryCard"
Reusable customer story card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DataProtectionCard
data-component="DataProtectionCard"
Reusable data protection card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DateRangeCalendar
data-component="DateRangeCalendar"
Reusable date range calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DateRangeSlider
data-component="DateRangeSlider"
Reusable date range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DeliveryPreview
data-component="DeliveryPreview"
Reusable delivery preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DemoRequestForm
data-component="DemoRequestForm"
Reusable demo request form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DeveloperSearch
data-component="DeveloperSearch"
Reusable developer search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DeviceCard
data-component="DeviceCard"
Reusable device card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DocumentPreview
data-component="DocumentPreview"
Reusable document preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DocumentUpload
data-component="DocumentUpload"
Reusable document upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DownloadGateForm
data-component="DownloadGateForm"
Reusable download gate form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DownloadResourceForm
data-component="DownloadResourceForm"
Reusable download resource form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
DurationSlider
data-component="DurationSlider"
Reusable duration slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ElevatedCard
data-component="ElevatedCard"
Reusable elevated card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
EmailComposer
data-component="EmailComposer"
Reusable email composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EnterprisePricingCard
data-component="EnterprisePricingCard"
Reusable enterprise pricing card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EnvironmentSwitcher
data-component="EnvironmentSwitcher"
Reusable environment switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ErrorCard
data-component="ErrorCard"
Reusable error card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ErrorCode
data-component="ErrorCode"
Reusable error code component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ErrorIllustration
data-component="ErrorIllustration"
Reusable error illustration component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ErrorPage
data-component="ErrorPage"
Reusable error page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EstimatedCostSummary
data-component="EstimatedCostSummary"
Reusable estimated cost summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ExpandableText
data-component="ExpandableText"
Reusable expandable text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
EyebrowText
data-component="EyebrowText"
Reusable eyebrow text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
FactorCard
data-component="FactorCard"
Reusable factor card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FallbackRouteBuilder
data-component="FallbackRouteBuilder"
Reusable fallback route builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FaviconUpload
data-component="FaviconUpload"
Reusable favicon upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeatureCard
data-component="FeatureCard"
Reusable feature card component.		class: string = ""
icon: string = "✦"
title: string = "Feature"
description: string = ""
href: string = ""		NoneNone
FeatureChecklist
data-component="FeatureChecklist"
Reusable feature checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeaturedBlogCard
data-component="FeaturedBlogCard"
Reusable featured blog card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeatureIconCard
data-component="FeatureIconCard"
Reusable feature icon card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FeatureTabs
data-component="FeatureTabs"
Reusable feature tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FileSizeLabel
data-component="FileSizeLabel"
Reusable file size label component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
FileUpload
data-component="FileUpload"
Reusable file upload component.		class: string = ""
id: string = "file"
name: string = "file"
label: string = "Upload file"
accept: string = ""
multiple: boolean = false
help: string = "Drag and drop or browse"		NoneNone
FooterLanguageSwitcher
data-component="FooterLanguageSwitcher"
Reusable footer language switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ForbiddenPage
data-component="ForbiddenPage"
Reusable forbidden page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ForgotPasswordForm
data-component="ForgotPasswordForm"
Reusable forgot password form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Form
data-component="Form"
Reusable form component.		action: string = ""
method: string = "post"
name: string = ""
loading: boolean = false
class: string = ""		defaultNone
FormErrorSummary
data-component="FormErrorSummary"
Reusable form error summary component.		class: string = ""
title: string = "Please fix the following"
visible: boolean = true		defaultNone
FormHelpText
data-component="FormHelpText"
Reusable form help text component.		id: string = ""
text: string = ""
class: string = ""		defaultNone
FormLabel
data-component="FormLabel"
Reusable form label component.		for: string = ""
label: string = "Label"
required: boolean = false
optional: boolean = false
class: string = ""		NoneNone
GlassCard
data-component="GlassCard"
Reusable glass card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
GlobalSearch
data-component="GlobalSearch"
Reusable global search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
GuideCard
data-component="GuideCard"
Reusable guide card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
GuideChecklist
data-component="GuideChecklist"
Reusable guide checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
GuideStep
data-component="GuideStep"
Reusable guide step component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HeroGradientText
data-component="HeroGradientText"
Reusable hero gradient text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HeroProductPreview
data-component="HeroProductPreview"
Reusable hero product preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HeroTrustText
data-component="HeroTrustText"
Reusable hero trust text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HighlightText
data-component="HighlightText"
Reusable highlight text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HolidayCalendar
data-component="HolidayCalendar"
Reusable holiday calendar component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
HumanApprovalStep
data-component="HumanApprovalStep"
Reusable human approval step component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Icon
data-component="Icon"
Reusable icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Illustration
data-component="Illustration"
Reusable illustration component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ImageCompressionPreview
data-component="ImageCompressionPreview"
Reusable image compression preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ImageUpload
data-component="ImageUpload"
Reusable image upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
IncidentCard
data-component="IncidentCard"
Reusable incident card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
InfoCard
data-component="InfoCard"
Reusable info card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
InlineCode
data-component="InlineCode"
Reusable inline code component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
IntegrationCard
data-component="IntegrationCard"
Reusable integration card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
InvoiceLineItem
data-component="InvoiceLineItem"
Reusable invoice line item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
InvoiceSummary
data-component="InvoiceSummary"
Reusable invoice summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
JobCard
data-component="JobCard"
Reusable job card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
JsonViewer
data-component="JsonViewer"
Reusable json viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
KycDocumentUpload
data-component="KycDocumentUpload"
Reusable kyc document upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LanguageSwitcher
data-component="LanguageSwitcher"
Reusable language switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LeadText
data-component="LeadText"
Reusable lead text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
LegalContactBlock
data-component="LegalContactBlock"
Reusable legal contact block component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LegalSummary
data-component="LegalSummary"
Reusable legal summary component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Logo
data-component="Logo"
Reusable logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
LogoUpload
data-component="LogoUpload"
Reusable logo upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MaintenanceCard
data-component="MaintenanceCard"
Reusable maintenance card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MaintenancePage
data-component="MaintenancePage"
Reusable maintenance page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessageComposer
data-component="MessageComposer"
Reusable message composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessageComposerPreview
data-component="MessageComposerPreview"
Reusable message composer preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessagePreview
data-component="MessagePreview"
Reusable message preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MessageVolumeSlider
data-component="MessageVolumeSlider"
Reusable message volume slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MetricCard
data-component="MetricCard"
Reusable metric card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MetricText
data-component="MetricText"
Reusable metric text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
MobileTableCard
data-component="MobileTableCard"
Reusable mobile table card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MultiFileUpload
data-component="MultiFileUpload"
Reusable multi file upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
MutedText
data-component="MutedText"
Reusable muted text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
NavigationItem
data-component="NavigationItem"
Reusable navigation item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
NewsletterForm
data-component="NewsletterForm"
Reusable newsletter form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
NotFoundPage
data-component="NotFoundPage"
Reusable not found page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
NotificationCard
data-component="NotificationCard"
Reusable notification card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
OfficeCard
data-component="OfficeCard"
Reusable office card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OfflinePage
data-component="OfflinePage"
Reusable offline page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OneTimeSecretDisplay
data-component="OneTimeSecretDisplay"
Reusable one time secret display component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OpacitySlider
data-component="OpacitySlider"
Reusable opacity slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OtpVerificationForm
data-component="OtpVerificationForm"
Reusable otp verification form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
OutlinedCard
data-component="OutlinedCard"
Reusable outlined card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
PartnerApplicationForm
data-component="PartnerApplicationForm"
Reusable partner application form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PartnerProgramCard
data-component="PartnerProgramCard"
Reusable partner program card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PaymentMethodCard
data-component="PaymentMethodCard"
Reusable payment method card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PdfPreview
data-component="PdfPreview"
Reusable pdf preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PlatformPillarCard
data-component="PlatformPillarCard"
Reusable platform pillar card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PressReleaseCard
data-component="PressReleaseCard"
Reusable press release card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PriceRangeSlider
data-component="PriceRangeSlider"
Reusable price range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PriceText
data-component="PriceText"
Reusable price text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
PricingCard
data-component="PricingCard"
Reusable pricing card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PricingContactForm
data-component="PricingContactForm"
Reusable pricing contact form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PricingPlanCard
data-component="PricingPlanCard"
Reusable pricing plan card component.		class: string = ""
name: string = "Starter"
description: string = ""
price: string = "₹0"
period: string = "/month"
featured: boolean = false
ctaLabel: string = "Choose plan"
ctaHref: string = "#"		defaultNone
ProductCard
data-component="ProductCard"
Reusable product card component.		eyebrow: string = "Product"
title: string = "Product name"
description: string = ""
href: string = "#"
actionLabel: string = "Learn more"
status: string = ""
class: string = ""		NoneNone
ProductIcon
data-component="ProductIcon"
Reusable product icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProductLogo
data-component="ProductLogo"
Reusable product logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProductMiniCard
data-component="ProductMiniCard"
Reusable product mini card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProductNavigationCard
data-component="ProductNavigationCard"
Reusable product navigation card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProgressSlider
data-component="ProgressSlider"
Reusable progress slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ProjectCard
data-component="ProjectCard"
Reusable project card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ProjectSwitcher
data-component="ProjectSwitcher"
Reusable project switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PublicHeaderLogo
data-component="PublicHeaderLogo"
Reusable public header logo component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
PushComposer
data-component="PushComposer"
Reusable push composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
QrCode
data-component="QrCode"
Reusable qr code component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
QuantityStepper
data-component="QuantityStepper"
Reusable quantity stepper component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
QuoteText
data-component="QuoteText"
Reusable quote text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
RangeSlider
data-component="RangeSlider"
Reusable range slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RateLimitPage
data-component="RateLimitPage"
Reusable rate limit page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RatingSlider
data-component="RatingSlider"
Reusable rating slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RecoveryCodeForm
data-component="RecoveryCodeForm"
Reusable recovery code form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RecurrenceRuleBuilder
data-component="RecurrenceRuleBuilder"
Reusable recurrence rule builder component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ReportCard
data-component="ReportCard"
Reusable report card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RequestResponseViewer
data-component="RequestResponseViewer"
Reusable request response viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
RequestViewer
data-component="RequestViewer"
Reusable request viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResetPasswordForm
data-component="ResetPasswordForm"
Reusable reset password form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResourceCard
data-component="ResourceCard"
Reusable resource card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResourceDownloadCard
data-component="ResourceDownloadCard"
Reusable resource download card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResourceSearch
data-component="ResourceSearch"
Reusable resource search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ResponseViewer
data-component="ResponseViewer"
Reusable response viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SDKCard
data-component="SDKCard"
Reusable s d k card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SDKLanguageTabs
data-component="SDKLanguageTabs"
Reusable s d k language tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SearchCategoryTabs
data-component="SearchCategoryTabs"
Reusable search category tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SearchResultItem
data-component="SearchResultItem"
Reusable search result item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecretDisplay
data-component="SecretDisplay"
Reusable secret display component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecurityContactCard
data-component="SecurityContactCard"
Reusable security contact card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecurityFeatureCard
data-component="SecurityFeatureCard"
Reusable security feature card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SecurityReportForm
data-component="SecurityReportForm"
Reusable security report form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ServerErrorPage
data-component="ServerErrorPage"
Reusable server error page component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SessionCard
data-component="SessionCard"
Reusable session card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SetupChecklist
data-component="SetupChecklist"
Reusable setup checklist component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SignInForm
data-component="SignInForm"
Reusable sign in form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SignUpForm
data-component="SignUpForm"
Reusable sign up form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SiteSearch
data-component="SiteSearch"
Reusable site search component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Slider
data-component="Slider"
Reusable slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SmallText
data-component="SmallText"
Reusable small text component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
SmsComposer
data-component="SmsComposer"
Reusable sms composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
StatCard
data-component="StatCard"
Reusable stat card component.		class: string = ""
label: string = "Metric"
value: string = "0"
change: string = ""
trend: string = "neutral"		NoneNone
StatusSubscribeForm
data-component="StatusSubscribeForm"
Reusable status subscribe form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Stepper
data-component="Stepper"
Reusable stepper component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
SuccessCard
data-component="SuccessCard"
Reusable success card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
SupportRequestForm
data-component="SupportRequestForm"
Reusable support request form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Tabs
data-component="Tabs"
Reusable tabs component.		class: string = ""
active: string = "first"		first
second		click
TeamMemberCard
data-component="TeamMemberCard"
Reusable team member card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TemplateCard
data-component="TemplateCard"
Reusable template card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
TerminalBlock
data-component="TerminalBlock"
Reusable terminal block component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TestimonialCard
data-component="TestimonialCard"
Reusable testimonial card component.		class: string = ""
quote: string = "Great product."
name: string = "Customer"
role: string = ""
company: string = ""
avatar: string = ""		NoneNone
TestimonialCarousel
data-component="TestimonialCarousel"
Reusable testimonial carousel component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ThemeSwitcher
data-component="ThemeSwitcher"
Reusable theme switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TimelineItem
data-component="TimelineItem"
Reusable timeline item component.		class: string = ""
title: string = "Event"
date: string = ""
description: string = ""
status: string = "default"		NoneNone
ToastIcon
data-component="ToastIcon"
Reusable toast icon component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Tooltip
data-component="Tooltip"
Reusable tooltip component.		class: string = ""
text: string = "Helpful information"
position: string = "top"		defaultNone
TotpVerificationForm
data-component="TotpVerificationForm"
Reusable totp verification form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TranslatedText
data-component="TranslatedText"
Reusable translated text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
TruncatedText
data-component="TruncatedText"
Reusable truncated text component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UnifiedTimelinePreview
data-component="UnifiedTimelinePreview"
Reusable unified timeline preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UploadItem
data-component="UploadItem"
Reusable upload item component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UploadPreview
data-component="UploadPreview"
Reusable upload preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
UserCard
data-component="UserCard"
Reusable user card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
ValueCard
data-component="ValueCard"
Reusable value card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VerticalTabs
data-component="VerticalTabs"
Reusable vertical tabs component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VideoCard
data-component="VideoCard"
Reusable video card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VideoUpload
data-component="VideoUpload"
Reusable video upload component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VoiceScriptComposer
data-component="VoiceScriptComposer"
Reusable voice script composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
VolumeSlider
data-component="VolumeSlider"
Reusable volume slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WarningCard
data-component="WarningCard"
Reusable warning card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
WebhookEventCard
data-component="WebhookEventCard"
Reusable webhook event card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WebhookPayloadViewer
data-component="WebhookPayloadViewer"
Reusable webhook payload viewer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WebinarCard
data-component="WebinarCard"
Reusable webinar card component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WebinarRegistrationForm
data-component="WebinarRegistrationForm"
Reusable webinar registration form component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WhatsAppComposer
data-component="WhatsAppComposer"
Reusable whats app composer component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
Wizard
data-component="Wizard"
Reusable wizard component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WorkflowCanvasPreview
data-component="WorkflowCanvasPreview"
Reusable workflow canvas preview component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
WorkspaceCard
data-component="WorkspaceCard"
Reusable workspace card component.		title: string = ""
description: string = ""
href: string = ""
class: string = ""		defaultNone
WorkspaceSwitcher
data-component="WorkspaceSwitcher"
Reusable workspace switcher component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone
ZoomSlider
data-component="ZoomSlider"
Reusable zoom slider component.		eyebrow: string = ""
title: string = ""
description: string = ""
href: string = ""
actionLabel: string = "Learn more"
image: string = ""
alt: string = ""
class: string = ""		defaultNone

Core

ComponentPropsSlotsEvents
AnnouncementBar
data-component="AnnouncementBar"
Reusable announcement bar component.		class: string = ""
badge: string = "New"
message: string = "WRNexusJS Organizations is now available."
description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."
href: string = "/organizations"
actionLabel: string = "Explore organizations"
ariaLabel: string = "Announcement"		Noneclick
AspectRatio
data-component="AspectRatio"
Reusable aspect ratio component.		class: string = ""defaultNone
BackToTop
data-component="BackToTop"
Reusable back to top component.		class: string = ""
label: string = "Back to top"
assistiveLabel: string = "Return to the top of the page"
threshold: number = 500		Noneclick
Breadcrumbs
data-component="Breadcrumbs"
Reusable breadcrumbs component.		class: string = ""
homeLabel: string = "Home"
homeHref: string = "/"
current: string = "Current page"		NoneNone
Checkbox
data-component="Checkbox"
Reusable checkbox component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Checkbox"
description: string = ""
checked: boolean = false
disabled: boolean = false		NoneNone
Chip
data-component="Chip"
Reusable chip component.		label: string = "Chip"
variant: string = "default"
class: string = ""		defaultNone
Cluster
data-component="Cluster"
Reusable cluster component.		gap: string = "4"
className: string = ""		defaultNone
Combobox
data-component="Combobox"
Reusable combobox component.		id: string = "combobox"
name: string = ""
label: string = "Choose an option"
placeholder: string = "Search options"
options: string = []
required: boolean = false
disabled: boolean = false
class: string = ""		NoneNone
Container
data-component="Container"
Reusable container component.		size: string = "default"
className: string = ""		defaultNone
disclosure
data-component="disclosure"
Reusable disclosure component.		summary: string = "Details"
class: string = ""		defaultNone
DisplayHeading
data-component="DisplayHeading"
Reusable display heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
Divider
data-component="Divider"
Reusable divider component.		className: string = ""defaultNone
Drawer
data-component="Drawer"
Reusable drawer component.		class: string = ""
title: string = "Panel"
open: boolean = false
side: string = "right"		defaultclick
FAQ
data-component="FAQ"
Reusable faq component.		class: string = ""
eyebrow: string = ""
title: string = "Frequently asked questions"
description: string = ""
items: string = []
centered: boolean = true
allowMultiple: boolean = false
defaultOpenIndex: number = 0		NoneNone
FAQAccordion
data-component="FAQAccordion"
Reusable faqaccordion component.		class: string = ""
eyebrow: string = ""
title: string = "Frequently asked questions"
description: string = ""
items: string = []
centered: boolean = true
compact: boolean = false
allowMultiple: boolean = false
defaultOpenIndex: number = 0
showContact: boolean = false
contactText: string = "Still have questions?"
contactLabel: string = "Contact support"
contactHref: string = "/support"		Noneclick
file-upload
data-component="file-upload"
Reusable file-upload component.		store: string = "public"
endpoint: string = "/api/upload"
accept: string = ""
multiple: boolean = false
max: number = 0
label: string = "Drag files here or click to browse"
class: string = ""		NoneNone
FilterBar
data-component="FilterBar"
Reusable filter bar component.		label: string = "Filters"
clearLabel: string = "Clear filters"
showClear: boolean = true
class: string = ""		defaultNone
Flex
data-component="Flex"
Reusable flex component.		class: string = ""defaultNone
FormError
data-component="FormError"
Reusable form error component.		id: string = ""
message: string = ""
class: string = ""		defaultNone
FullBleed
data-component="FullBleed"
Reusable full bleed component.		class: string = ""defaultNone
hstack
data-component="hstack"
Reusable hstack component.		gap: string = "4"
align: string = "center"
class: string = ""		defaultNone
Inline
data-component="Inline"
Reusable inline component.		gap: string = "4"
className: string = ""		defaultNone
input
data-component="input"
Reusable input component.		type: string = "text"
name: string = ""
value: string = ""
placeholder: string = ""
class: string = ""		NoneNone
LegalTableOfContents
data-component="LegalTableOfContents"
Reusable legal table of contents component.		title: string = "On this page"
items: string = []
class: string = ""		NoneNone
Link
data-component="Link"
Reusable link component.		href: string = "#"
label: string = "Link"
external: boolean = false
className: string = ""		NoneNone
LogoCloud
data-component="LogoCloud"
Reusable logo cloud component.		class: string = ""
title: string = "Trusted by modern teams"		defaultNone
Modal
data-component="Modal"
Reusable modal component.		class: string = ""
title: string = "Dialog"
description: string = ""
open: boolean = false
size: string = "md"
closeLabel: string = "Close"		defaultclick
MultiSelect
data-component="MultiSelect"
Reusable multi select component.		id: string = "multi-select"
name: string = ""
label: string = "Choose options"
options: string = []
required: boolean = false
disabled: boolean = false
size: number = 5
class: string = ""		NoneNone
NarrowContainer
data-component="NarrowContainer"
Reusable narrow container component.		class: string = ""defaultNone
NotificationDot
data-component="NotificationDot"
Reusable notification dot component.		label: string = "Notification"
variant: string = "default"
class: string = ""		defaultNone
PageHeading
data-component="PageHeading"
Reusable page heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
PageShell
data-component="PageShell"
Reusable page shell component.		className: string = ""defaultNone
Pagination
data-component="Pagination"
Reusable pagination component.		class: string = ""
page: number = 1
totalPages: number = 1
previousHref: string = "#"
nextHref: string = "#"		NoneNone
Pill
data-component="Pill"
Reusable pill component.		label: string = "Pill"
variant: string = "default"
class: string = ""		defaultNone
progress
data-component="progress"
Reusable progress component.		value: number = 0
max: number = 100
class: string = ""		NoneNone
ProgressBar
data-component="ProgressBar"
Reusable progress bar component.		class: string = ""
value: number = 0
max: number = 100
label: string = "Progress"
showValue: boolean = true		NoneNone
PublicFooter
data-component="PublicFooter"
Reusable public footer component.		class: string = ""
brand: string = "WRNexusJS"
description: string = "SSR-first, Bun-native full-stack framework."
copyright: string = "© 2026 WorkRoot Workspace"		defaultNone
Radio
data-component="Radio"
Reusable radio component.		class: string = ""
id: string = ""
name: string = "choice"
value: string = ""
label: string = "Option"
description: string = ""
checked: boolean = false
disabled: boolean = false		NoneNone
ScrollArea
data-component="ScrollArea"
Reusable scroll area component.		class: string = ""defaultNone
SDKTabs
data-component="SDKTabs"
Reusable sdktabs component.		label: string = "SDK languages"
tabs: string = []
defaultIndex: number = 0
class: string = ""		Noneclick
SectionHeading
data-component="SectionHeading"
Reusable section heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
Select
data-component="Select"
Reusable select component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Select"
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false		defaultNone
spacer
data-component="spacer"
Reusable spacer component.		class: string = ""NoneNone
Spinner
data-component="Spinner"
Reusable spinner component.		class: string = ""
label: string = "Loading"
size: string = "md"		NoneNone
Stack
data-component="Stack"
Reusable stack component.		gap: string = "4"
className: string = ""		defaultNone
Sticky
data-component="Sticky"
Reusable sticky component.		class: string = ""defaultNone
SubsectionHeading
data-component="SubsectionHeading"
Reusable subsection heading component.		text: string = ""
align: string = "start"
class: string = ""		defaultNone
Surface
data-component="Surface"
Reusable surface component.		class: string = ""defaultNone
Switch
data-component="Switch"
Reusable switch component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Switch"
description: string = ""
checked: boolean = false
disabled: boolean = false		Noneclick
tag
data-component="tag"
Reusable tag component.		label: string = ""
variant: string = "default"
class: string = ""		defaultNone
Textarea
data-component="Textarea"
Reusable textarea component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Message"
value: string = ""
placeholder: string = ""
rows: number = 5
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false		NoneNone
theme-toggle
data-component="theme-toggle"
Reusable theme-toggle component.		label: string = "Toggle theme"
class: string = ""		defaultNone
Toast
data-component="Toast"
Reusable toast component.		class: string = ""
title: string = "Saved"
description: string = ""
variant: string = "success"
duration: number = 5000		Noneclick
Typography
data-component="Typography"
Reusable typography component.		as: string = "p"
variant: string = "body"
align: string = "start"
class: string = ""		defaultNone
VisuallyHidden
data-component="VisuallyHidden"
Reusable visually hidden component.		className: string = ""defaultNone
Well
data-component="Well"
Reusable well component.		class: string = ""defaultNone
WideContainer
data-component="WideContainer"
Reusable wide container component.		class: string = ""defaultNone

Data

ComponentPropsSlotsEvents
ActiveFilterList
data-component="ActiveFilterList"
Reusable active filter list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ActivityList
data-component="ActivityList"
Reusable activity list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ApiHeaderTable
data-component="ApiHeaderTable"
Reusable api header table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ApiParameterTable
data-component="ApiParameterTable"
Reusable api parameter table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ApiSchemaTable
data-component="ApiSchemaTable"
Reusable api schema table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
AuditTable
data-component="AuditTable"
Reusable audit table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
AutoGrid
data-component="AutoGrid"
Reusable auto grid component.		class: string = ""defaultNone
BlogGrid
data-component="BlogGrid"
Reusable blog grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
BlogList
data-component="BlogList"
Reusable blog list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CalendarGrid
data-component="CalendarGrid"
Reusable calendar grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CapabilityGrid
data-component="CapabilityGrid"
Reusable capability grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CareerBenefitsGrid
data-component="CareerBenefitsGrid"
Reusable career benefits grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ChannelComparisonTable
data-component="ChannelComparisonTable"
Reusable channel comparison table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ChannelRateTable
data-component="ChannelRateTable"
Reusable channel rate table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ColorGrid
data-component="ColorGrid"
Reusable color grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ComparisonTable
data-component="ComparisonTable"
Reusable comparison table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ComplianceBadgeList
data-component="ComplianceBadgeList"
Reusable compliance badge list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ConversationList
data-component="ConversationList"
Reusable conversation list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CookieCategoryList
data-component="CookieCategoryList"
Reusable cookie category list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CookieDetailsTable
data-component="CookieDetailsTable"
Reusable cookie details table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
CookieTable
data-component="CookieTable"
Reusable cookie table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
DataRetentionTable
data-component="DataRetentionTable"
Reusable data retention table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
DataTable
data-component="DataTable"
Reusable data table component.		caption: string = "Data table"
columns: string = []
rows: string = []
emptyMessage: string = "No data available."
striped: boolean = false
class: string = ""		NoneNone
DefinitionList
data-component="DefinitionList"
Reusable definition list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
DescriptionList
data-component="DescriptionList"
Reusable description list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
EventTable
data-component="EventTable"
Reusable event table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FeatureComparisonTable
data-component="FeatureComparisonTable"
Reusable feature comparison table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FeatureGrid
data-component="FeatureGrid"
Reusable feature grid component.		columns: number = 3
className: string = ""		defaultNone
FeatureList
data-component="FeatureList"
Reusable feature list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FileList
data-component="FileList"
Reusable file list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FilterableTable
data-component="FilterableTable"
Reusable filterable table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FormGrid
data-component="FormGrid"
Reusable form grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
FormRow
data-component="FormRow"
Reusable form row component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
Grid
data-component="Grid"
Reusable grid component.		gap: string = "4"
className: string = ""		defaultNone
GuideGrid
data-component="GuideGrid"
Reusable guide grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
IncidentList
data-component="IncidentList"
Reusable incident list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
KeyValueTable
data-component="KeyValueTable"
Reusable key value table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LeadershipGrid
data-component="LeadershipGrid"
Reusable leadership grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LegalBulletList
data-component="LegalBulletList"
Reusable legal bullet list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LegalDefinitionList
data-component="LegalDefinitionList"
Reusable legal definition list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LegalTable
data-component="LegalTable"
Reusable legal table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
List
data-component="List"
Reusable list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
LogTable
data-component="LogTable"
Reusable log table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
MemberList
data-component="MemberList"
Reusable member list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
MetricGrid
data-component="MetricGrid"
Reusable metric grid component.		label: string = "Key metrics"
metrics: string = []
class: string = ""		NoneNone
NotificationList
data-component="NotificationList"
Reusable notification list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PartnerLogoGrid
data-component="PartnerLogoGrid"
Reusable partner logo grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PasswordRequirementList
data-component="PasswordRequirementList"
Reusable password requirement list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PlanFeatureList
data-component="PlanFeatureList"
Reusable plan feature list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PlanLimitList
data-component="PlanLimitList"
Reusable plan limit list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PolicyVersionTable
data-component="PolicyVersionTable"
Reusable policy version table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PricingComparisonTable
data-component="PricingComparisonTable"
Reusable pricing comparison table component.		caption: string = "Plan comparison"
plans: string = []
features: string = []
class: string = ""		NoneNone
PricingGrid
data-component="PricingGrid"
Reusable pricing grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
PricingTable
data-component="PricingTable"
Reusable pricing table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductFeatureList
data-component="ProductFeatureList"
Reusable product feature list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductGrid
data-component="ProductGrid"
Reusable product grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductIntegrationList
data-component="ProductIntegrationList"
Reusable product integration list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductList
data-component="ProductList"
Reusable product list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ProductUseCaseList
data-component="ProductUseCaseList"
Reusable product use case list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
RateTable
data-component="RateTable"
Reusable rate table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
RegionAvailabilityTable
data-component="RegionAvailabilityTable"
Reusable region availability table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ResponsiveTable
data-component="ResponsiveTable"
Reusable responsive table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
RetentionTable
data-component="RetentionTable"
Reusable retention table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SecurityPillarGrid
data-component="SecurityPillarGrid"
Reusable security pillar grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SecurityPracticeList
data-component="SecurityPracticeList"
Reusable security practice list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ServiceLevelTable
data-component="ServiceLevelTable"
Reusable service level table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ServiceStatusList
data-component="ServiceStatusList"
Reusable service status list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ServiceStatusRow
data-component="ServiceStatusRow"
Reusable service status row component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SlaTable
data-component="SlaTable"
Reusable sla table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SortableTable
data-component="SortableTable"
Reusable sortable table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
StatusTable
data-component="StatusTable"
Reusable status table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
SubprocessorTable
data-component="SubprocessorTable"
Reusable subprocessor table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
Table
data-component="Table"
Reusable table component.		class: string = ""
caption: string = "Data table"
responsive: boolean = true		defaultNone
TableRow
data-component="TableRow"
Reusable table row component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
TreeTable
data-component="TreeTable"
Reusable tree table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
TrustBadgeList
data-component="TrustBadgeList"
Reusable trust badge list component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
UsagePricingTable
data-component="UsagePricingTable"
Reusable usage pricing table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
ValuesGrid
data-component="ValuesGrid"
Reusable values grid component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone
VirtualizedTable
data-component="VirtualizedTable"
Reusable virtualized table component.		title: string = ""
description: string = ""
empty: boolean = false
emptyText: string = "No items available."
class: string = ""		defaultNone

Feedback

ComponentPropsSlotsEvents
AccountStatusBanner
data-component="AccountStatusBanner"
Reusable account status banner component.		label: string = "AccountStatus"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
Alert
data-component="Alert"
Reusable alert component.		class: string = ""
title: string = "Notice"
description: string = ""
variant: string = "info"
dismissible: boolean = false		defaultclick
ApiAuthenticationNotice
data-component="ApiAuthenticationNotice"
Reusable api authentication notice component.		label: string = "ApiAuthentication"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ApiMethodBadge
data-component="ApiMethodBadge"
Reusable api method badge component.		label: string = "ApiMethod"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ApiRateLimitNotice
data-component="ApiRateLimitNotice"
Reusable api rate limit notice component.		label: string = "ApiRateLimit"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ApiVersionBadge
data-component="ApiVersionBadge"
Reusable api version badge component.		label: string = "ApiVersion"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
Badge
data-component="Badge"
Reusable badge component.		class: string = ""
label: string = "Badge"
variant: string = "neutral"		NoneNone
Banner
data-component="Banner"
Reusable banner component.		class: string = ""
text: string = "Announcement"
href: string = ""
actionLabel: string = "Learn more"
variant: string = "brand"		NoneNone
BetaBadge
data-component="BetaBadge"
Reusable beta badge component.		label: string = "Beta"
variant: string = "default"
class: string = ""		defaultNone
CardSkeleton
data-component="CardSkeleton"
Reusable card skeleton component.		label: string = "Card"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CertificationBadge
data-component="CertificationBadge"
Reusable certification badge component.		label: string = "Certification"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ChannelBadge
data-component="ChannelBadge"
Reusable channel badge component.		label: string = "Channel"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CharacterCounter
data-component="CharacterCounter"
Reusable character counter component.		label: string = "Character"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ChartEmptyState
data-component="ChartEmptyState"
Reusable chart empty state component.		label: string = "ChartEmpty"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CodeLanguageBadge
data-component="CodeLanguageBadge"
Reusable code language badge component.		label: string = "CodeLanguage"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ComingSoonBadge
data-component="ComingSoonBadge"
Reusable coming soon badge component.		label: string = "ComingSoon"
variant: string = "default"
class: string = ""		defaultNone
ComingSoonState
data-component="ComingSoonState"
Reusable coming soon state component.		label: string = "ComingSoon"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
CookieBanner
data-component="CookieBanner"
Reusable cookie banner component.		class: string = ""
title: string = "We use cookies"
description: string = "We use essential cookies and optional analytics to improve your experience."
privacyHref: string = "/privacy"		Noneclick
Counter
data-component="Counter"
Reusable counter component.		label: string = "Status"
variant: string = "default"
class: string = ""		defaultNone
DeprecatedFeatureAlert
data-component="DeprecatedFeatureAlert"
Reusable deprecated feature alert component.		label: string = "DeprecatedFeature"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
EmptyState
data-component="EmptyState"
Reusable empty state component.		class: string = ""
icon: string = "◇"
title: string = "Nothing here yet"
description: string = ""
actionLabel: string = ""
actionHref: string = "#"		NoneNone
ErrorState
data-component="ErrorState"
Reusable error state component.		class: string = ""
code: string = "500"
title: string = "Something went wrong"
description: string = "Please try again."
actionLabel: string = "Try again"
actionHref: string = "/"		NoneNone
FeatureUnavailableState
data-component="FeatureUnavailableState"
Reusable feature unavailable state component.		label: string = "FeatureUnavailable"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
FileTypeBadge
data-component="FileTypeBadge"
Reusable file type badge component.		label: string = "FileType"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
FooterStatusIndicator
data-component="FooterStatusIndicator"
Reusable footer status indicator component.		label: string = "FooterStatus"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ForbiddenState
data-component="ForbiddenState"
Reusable forbidden state component.		label: string = "Forbidden"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
FormAlert
data-component="FormAlert"
Reusable form alert component.		label: string = "Form"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
GuideDifficultyBadge
data-component="GuideDifficultyBadge"
Reusable guide difficulty badge component.		label: string = "GuideDifficulty"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
HealthIndicator
data-component="HealthIndicator"
Reusable health indicator component.		label: string = "Health"
variant: string = "default"
class: string = ""		defaultNone
IncidentAlert
data-component="IncidentAlert"
Reusable incident alert component.		label: string = "Incident"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
IncidentBanner
data-component="IncidentBanner"
Reusable incident banner component.		label: string = "Incident"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
IncidentSeverityBadge
data-component="IncidentSeverityBadge"
Reusable incident severity badge component.		label: string = "IncidentSeverity"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
IndustryBadge
data-component="IndustryBadge"
Reusable industry badge component.		label: string = "Industry"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
InlineAlert
data-component="InlineAlert"
Reusable inline alert component.		label: string = "Inline"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
LegalAcceptanceNotice
data-component="LegalAcceptanceNotice"
Reusable legal acceptance notice component.		label: string = "LegalAcceptance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
LegalNotice
data-component="LegalNotice"
Reusable legal notice component.		label: string = "Legal"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
LegalVersionBadge
data-component="LegalVersionBadge"
Reusable legal version badge component.		label: string = "LegalVersion"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MaintenanceAlert
data-component="MaintenanceAlert"
Reusable maintenance alert component.		label: string = "Maintenance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MaintenanceBanner
data-component="MaintenanceBanner"
Reusable maintenance banner component.		label: string = "Maintenance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MaintenanceState
data-component="MaintenanceState"
Reusable maintenance state component.		label: string = "Maintenance"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
MessageCharacterCounter
data-component="MessageCharacterCounter"
Reusable message character counter component.		label: string = "MessageCharacter"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
NewBadge
data-component="NewBadge"
Reusable new badge component.		label: string = "New"
variant: string = "default"
class: string = ""		defaultNone
NoResultsState
data-component="NoResultsState"
Reusable no results state component.		label: string = "NoResults"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
NotFoundState
data-component="NotFoundState"
Reusable not found state component.		label: string = "NotFound"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
OfflineState
data-component="OfflineState"
Reusable offline state component.		label: string = "Offline"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
OnlineIndicator
data-component="OnlineIndicator"
Reusable online indicator component.		label: string = "Online"
variant: string = "default"
class: string = ""		defaultNone
OptionalIndicator
data-component="OptionalIndicator"
Reusable optional indicator component.		label: string = "Optional"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
PageAlert
data-component="PageAlert"
Reusable page alert component.		label: string = "Page"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
PageSkeleton
data-component="PageSkeleton"
Reusable page skeleton component.		label: string = "Page"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
PreviewBadge
data-component="PreviewBadge"
Reusable preview badge component.		label: string = "Preview"
variant: string = "default"
class: string = ""		defaultNone
PrivacyNotice
data-component="PrivacyNotice"
Reusable privacy notice component.		label: string = "Privacy"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ProductStatusBadge
data-component="ProductStatusBadge"
Reusable product status badge component.		label: string = "ProductStatus"
variant: string = "default"
class: string = ""		defaultNone
RateLimitedState
data-component="RateLimitedState"
Reusable rate limited state component.		label: string = "RateLimited"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RegionalPrivacyBanner
data-component="RegionalPrivacyBanner"
Reusable regional privacy banner component.		label: string = "RegionalPrivacy"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RegionUnavailableAlert
data-component="RegionUnavailableAlert"
Reusable region unavailable alert component.		label: string = "RegionUnavailable"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RegionUnavailableState
data-component="RegionUnavailableState"
Reusable region unavailable state component.		label: string = "RegionUnavailable"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
RequiredIndicator
data-component="RequiredIndicator"
Reusable required indicator component.		label: string = "Required"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ResourceTypeBadge
data-component="ResourceTypeBadge"
Reusable resource type badge component.		label: string = "ResourceType"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
SearchEmptyState
data-component="SearchEmptyState"
Reusable search empty state component.		label: string = "SearchEmpty"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
SearchLoadingState
data-component="SearchLoadingState"
Reusable search loading state component.		label: string = "SearchLoading"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
SecurityAlert
data-component="SecurityAlert"
Reusable security alert component.		label: string = "Security"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
ServiceStatusBadge
data-component="ServiceStatusBadge"
Reusable service status badge component.		label: string = "ServiceStatus"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
Skeleton
data-component="Skeleton"
Reusable skeleton component.		height: string = "4"
rounded: string = "lg"
className: string = ""		NoneNone
SmsSegmentCounter
data-component="SmsSegmentCounter"
Reusable sms segment counter component.		label: string = "SmsSegment"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
StatusBadge
data-component="StatusBadge"
Reusable status badge component.		class: string = ""
status: string = "operational"		NoneNone
SuccessState
data-component="SuccessState"
Reusable success state component.		label: string = "Success"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TableSkeleton
data-component="TableSkeleton"
Reusable table skeleton component.		label: string = "Table"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TaxNotice
data-component="TaxNotice"
Reusable tax notice component.		label: string = "Tax"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TextSkeleton
data-component="TextSkeleton"
Reusable text skeleton component.		label: string = "Text"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
TrendIndicator
data-component="TrendIndicator"
Reusable trend indicator component.		label: string = "Trend"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
UnavailableRegionState
data-component="UnavailableRegionState"
Reusable unavailable region state component.		label: string = "UnavailableRegion"
title: string = ""
description: string = ""
value: string = ""
variant: string = "default"
class: string = ""		defaultNone
VerifiedBadge
data-component="VerifiedBadge"
Reusable verified badge component.		label: string = "Verified"
variant: string = "default"
class: string = ""		defaultNone

Forms

ComponentPropsSlotsEvents
AddressInput
data-component="AddressInput"
Reusable address input component.		label: string = "Address"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AmountInput
data-component="AmountInput"
Reusable amount input component.		label: string = "Amount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ApartmentInput
data-component="ApartmentInput"
Reusable apartment input component.		label: string = "Apartment"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ApiKeyInput
data-component="ApiKeyInput"
Reusable api key input component.		label: string = "ApiKey"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AttachmentPicker
data-component="AttachmentPicker"
Reusable attachment picker component.		label: string = "Attachment"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AuthenticatorCodeInput
data-component="AuthenticatorCodeInput"
Reusable authenticator code input component.		label: string = "AuthenticatorCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
AvatarGroup
data-component="AvatarGroup"
Reusable avatar group component.		label: string = "Avatar"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BillingPeriodToggle
data-component="BillingPeriodToggle"
Reusable billing period toggle component.		label: string = "BillingPeriod"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BlackoutDatePicker
data-component="BlackoutDatePicker"
Reusable blackout date picker component.		label: string = "BlackoutDate"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BorderRadiusPicker
data-component="BorderRadiusPicker"
Reusable border radius picker component.		label: string = "BorderRadius"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BrandColorPicker
data-component="BrandColorPicker"
Reusable brand color picker component.		label: string = "BrandColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BrandSelector
data-component="BrandSelector"
Reusable brand selector component.		label: string = "Brand"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BudgetSelector
data-component="BudgetSelector"
Reusable budget selector component.		label: string = "Budget"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
BusinessHoursPicker
data-component="BusinessHoursPicker"
Reusable business hours picker component.		label: string = "BusinessHours"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ButtonGroup
data-component="ButtonGroup"
Reusable button group component.		label: string = "Button"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ButtonSelector
data-component="ButtonSelector"
Reusable button selector component.		label: string = "Button"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CallbackUrlInput
data-component="CallbackUrlInput"
Reusable callback url input component.		label: string = "CallbackUrl"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CaptchaField
data-component="CaptchaField"
Reusable captcha field component.		label: string = "Captcha"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CardSelector
data-component="CardSelector"
Reusable card selector component.		label: string = "Card"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ChannelSelector
data-component="ChannelSelector"
Reusable channel selector component.		label: string = "Channel"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CheckboxGroup
data-component="CheckboxGroup"
Reusable checkbox group component.		label: string = "Checkbox"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ChipInput
data-component="ChipInput"
Reusable chip input component.		label: string = "Chip"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CitySelector
data-component="CitySelector"
Reusable city selector component.		label: string = "City"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CodeInput
data-component="CodeInput"
Reusable code input component.		label: string = "Code"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ColorHexInput
data-component="ColorHexInput"
Reusable color hex input component.		label: string = "ColorHex"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ColorPicker
data-component="ColorPicker"
Reusable color picker component.		label: string = "Color"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ColorSelector
data-component="ColorSelector"
Reusable color selector component.		label: string = "Color"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CommandSearchInput
data-component="CommandSearchInput"
Reusable command search input component.		label: string = "CommandSearch"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CompanyNameInput
data-component="CompanyNameInput"
Reusable company name input component.		label: string = "CompanyName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CompanySizeSelector
data-component="CompanySizeSelector"
Reusable company size selector component.		label: string = "CompanySize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ComparisonDateRangePicker
data-component="ComparisonDateRangePicker"
Reusable comparison date range picker component.		label: string = "ComparisonDateRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ConfirmPasswordInput
data-component="ConfirmPasswordInput"
Reusable confirm password input component.		label: string = "ConfirmPassword"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CookieCategoryToggle
data-component="CookieCategoryToggle"
Reusable cookie category toggle component.		label: string = "CookieCategory"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CoordinatesInput
data-component="CoordinatesInput"
Reusable coordinates input component.		label: string = "Coordinates"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CoordinatesPicker
data-component="CoordinatesPicker"
Reusable coordinates picker component.		label: string = "Coordinates"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CopySecretField
data-component="CopySecretField"
Reusable copy secret field component.		label: string = "CopySecret"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CountryCallingCodeInput
data-component="CountryCallingCodeInput"
Reusable country calling code input component.		label: string = "CountryCallingCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CountryCallingCodeSelector
data-component="CountryCallingCodeSelector"
Reusable country calling code selector component.		label: string = "CountryCallingCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CountrySelector
data-component="CountrySelector"
Reusable country selector component.		label: string = "Country"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CouponInput
data-component="CouponInput"
Reusable coupon input component.		label: string = "Coupon"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CreditAmountInput
data-component="CreditAmountInput"
Reusable credit amount input component.		label: string = "CreditAmount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CronInput
data-component="CronInput"
Reusable cron input component.		label: string = "Cron"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CurrencyInput
data-component="CurrencyInput"
Reusable currency input component.		label: string = "Currency"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CurrencySelector
data-component="CurrencySelector"
Reusable currency selector component.		label: string = "Currency"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
CurrentPasswordInput
data-component="CurrentPasswordInput"
Reusable current password input component.		label: string = "CurrentPassword"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DateInput
data-component="DateInput"
Reusable date input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Date"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
DatePicker
data-component="DatePicker"
Reusable date picker component.		class: string = ""
id: string = "date"
name: string = "date"
label: string = "Date"
value: string = ""
min: string = ""
max: string = ""
required: boolean = false		NoneNone
DateRangePicker
data-component="DateRangePicker"
Reusable date range picker component.		class: string = ""
label: string = "Date range"
startName: string = "startDate"
endName: string = "endDate"		NoneNone
DateTimeInput
data-component="DateTimeInput"
Reusable date time input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "DateTime"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
DateTimePicker
data-component="DateTimePicker"
Reusable date time picker component.		id: string = "datetime-picker"
name: string = "datetime"
label: string = "Date and time"
value: string = ""
min: string = ""
max: string = ""
required: boolean = false
disabled: boolean = false
class: string = ""		NoneNone
DateTimeRangePicker
data-component="DateTimeRangePicker"
Reusable date time range picker component.		label: string = "DateTimeRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DecimalInput
data-component="DecimalInput"
Reusable decimal input component.		label: string = "Decimal"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DepartmentInput
data-component="DepartmentInput"
Reusable department input component.		label: string = "Department"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DiscountInput
data-component="DiscountInput"
Reusable discount input component.		label: string = "Discount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DisplayNameInput
data-component="DisplayNameInput"
Reusable display name input component.		label: string = "DisplayName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DomainInput
data-component="DomainInput"
Reusable domain input component.		label: string = "Domain"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DurationInput
data-component="DurationInput"
Reusable duration input component.		label: string = "Duration"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
DurationPicker
data-component="DurationPicker"
Reusable duration picker component.		label: string = "Duration"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
EmailBodyEditor
data-component="EmailBodyEditor"
Reusable email body editor component.		label: string = "EmailBody"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
EmailInput
data-component="EmailInput"
Reusable email input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Email"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
EmojiPicker
data-component="EmojiPicker"
Reusable emoji picker component.		label: string = "Emoji"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
EnvironmentSelector
data-component="EnvironmentSelector"
Reusable environment selector component.		label: string = "Environment"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ExpiryDateTimePicker
data-component="ExpiryDateTimePicker"
Reusable expiry date time picker component.		label: string = "ExpiryDateTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FaxInput
data-component="FaxInput"
Reusable fax input component.		label: string = "Fax"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FileInput
data-component="FileInput"
Reusable file input component.		label: string = "File"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FileSizeInput
data-component="FileSizeInput"
Reusable file size input component.		label: string = "FileSize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FilterSearchInput
data-component="FilterSearchInput"
Reusable filter search input component.		label: string = "FilterSearch"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FirstNameInput
data-component="FirstNameInput"
Reusable first name input component.		label: string = "FirstName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FontPicker
data-component="FontPicker"
Reusable font picker component.		label: string = "Font"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FontSizePicker
data-component="FontSizePicker"
Reusable font size picker component.		label: string = "FontSize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FontWeightPicker
data-component="FontWeightPicker"
Reusable font weight picker component.		label: string = "FontWeight"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
FormField
data-component="FormField"
Reusable form field component.		class: string = ""
label: string = "Field"
help: string = ""
error: string = ""
required: boolean = false		defaultNone
FormGroup
data-component="FormGroup"
Reusable form group component.		label: string = "Form"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
GeofenceEditor
data-component="GeofenceEditor"
Reusable geofence editor component.		label: string = "Geofence"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
GradientPicker
data-component="GradientPicker"
Reusable gradient picker component.		label: string = "Gradient"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
GradientStopEditor
data-component="GradientStopEditor"
Reusable gradient stop editor component.		label: string = "GradientStop"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HexColorInput
data-component="HexColorInput"
Reusable hex color input component.		label: string = "HexColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HiddenField
data-component="HiddenField"
Reusable hidden field component.		label: string = "Hidden"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HostnameInput
data-component="HostnameInput"
Reusable hostname input component.		label: string = "Hostname"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HourPicker
data-component="HourPicker"
Reusable hour picker component.		label: string = "Hour"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HslColorInput
data-component="HslColorInput"
Reusable hsl color input component.		label: string = "HslColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
HtmlEditor
data-component="HtmlEditor"
Reusable html editor component.		label: string = "Html"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IconPicker
data-component="IconPicker"
Reusable icon picker component.		label: string = "Icon"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IconSelector
data-component="IconSelector"
Reusable icon selector component.		label: string = "Icon"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IdentifierInput
data-component="IdentifierInput"
Reusable identifier input component.		label: string = "Identifier"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ImageEditor
data-component="ImageEditor"
Reusable image editor component.		label: string = "Image"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ImageSelector
data-component="ImageSelector"
Reusable image selector component.		label: string = "Image"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IndustrySelector
data-component="IndustrySelector"
Reusable industry selector component.		label: string = "Industry"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
InputGroup
data-component="InputGroup"
Reusable input group component.		label: string = "Input"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IntegerInput
data-component="IntegerInput"
Reusable integer input component.		label: string = "Integer"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
IpAddressInput
data-component="IpAddressInput"
Reusable ip address input component.		label: string = "IpAddress"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
JobTitleInput
data-component="JobTitleInput"
Reusable job title input component.		label: string = "JobTitle"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
JsonInput
data-component="JsonInput"
Reusable json input component.		label: string = "Json"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LanguageSelector
data-component="LanguageSelector"
Reusable language selector component.		label: string = "Language"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LastNameInput
data-component="LastNameInput"
Reusable last name input component.		label: string = "LastName"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LatitudeInput
data-component="LatitudeInput"
Reusable latitude input component.		label: string = "Latitude"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LegalLanguageSelector
data-component="LegalLanguageSelector"
Reusable legal language selector component.		label: string = "LegalLanguage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LegalRegionSelector
data-component="LegalRegionSelector"
Reusable legal region selector component.		label: string = "LegalRegion"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LetterSpacingPicker
data-component="LetterSpacingPicker"
Reusable letter spacing picker component.		label: string = "LetterSpacing"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LicenseKeyInput
data-component="LicenseKeyInput"
Reusable license key input component.		label: string = "LicenseKey"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LineHeightPicker
data-component="LineHeightPicker"
Reusable line height picker component.		label: string = "LineHeight"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LocaleSelector
data-component="LocaleSelector"
Reusable locale selector component.		label: string = "Locale"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LocationPicker
data-component="LocationPicker"
Reusable location picker component.		label: string = "Location"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
LongitudeInput
data-component="LongitudeInput"
Reusable longitude input component.		label: string = "Longitude"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MaintenanceWindowPicker
data-component="MaintenanceWindowPicker"
Reusable maintenance window picker component.		label: string = "MaintenanceWindow"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MapPicker
data-component="MapPicker"
Reusable map picker component.		label: string = "Map"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MarkdownEditor
data-component="MarkdownEditor"
Reusable markdown editor component.		label: string = "Markdown"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MaskedSecretField
data-component="MaskedSecretField"
Reusable masked secret field component.		label: string = "MaskedSecret"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MentionInput
data-component="MentionInput"
Reusable mention input component.		label: string = "Mention"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MessageLimitInput
data-component="MessageLimitInput"
Reusable message limit input component.		label: string = "MessageLimit"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MinutePicker
data-component="MinutePicker"
Reusable minute picker component.		label: string = "Minute"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MobileInput
data-component="MobileInput"
Reusable mobile input component.		label: string = "Mobile"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MonthlyVolumeSelector
data-component="MonthlyVolumeSelector"
Reusable monthly volume selector component.		label: string = "MonthlyVolume"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MonthPicker
data-component="MonthPicker"
Reusable month picker component.		label: string = "Month"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MonthYearPicker
data-component="MonthYearPicker"
Reusable month year picker component.		label: string = "MonthYear"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
MultipleEmailInput
data-component="MultipleEmailInput"
Reusable multiple email input component.		label: string = "MultipleEmail"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
NameInput
data-component="NameInput"
Reusable name input component.		label: string = "Name"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
NewPasswordInput
data-component="NewPasswordInput"
Reusable new password input component.		label: string = "NewPassword"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
NumberInput
data-component="NumberInput"
Reusable number input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Number"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
OrganizationSelector
data-component="OrganizationSelector"
Reusable organization selector component.		label: string = "Organization"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
OtpInput
data-component="OtpInput"
Reusable otp input component.		class: string = ""
name: string = "otp"
length: number = 6
label: string = "Verification code"		NoneNone
PasswordInput
data-component="PasswordInput"
Reusable password input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Password"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
PasswordVisibilityToggle
data-component="PasswordVisibilityToggle"
Reusable password visibility toggle component.		label: string = "PasswordVisibility"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PathInput
data-component="PathInput"
Reusable path input component.		label: string = "Path"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PercentageInput
data-component="PercentageInput"
Reusable percentage input component.		label: string = "Percentage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PermissionSelector
data-component="PermissionSelector"
Reusable permission selector component.		label: string = "Permission"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PhoneInput
data-component="PhoneInput"
Reusable phone input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Phone"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
PinInput
data-component="PinInput"
Reusable pin input component.		label: string = "Pin"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PlainTextEditor
data-component="PlainTextEditor"
Reusable plain text editor component.		label: string = "PlainText"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PlanSelector
data-component="PlanSelector"
Reusable plan selector component.		label: string = "Plan"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PortInput
data-component="PortInput"
Reusable port input component.		label: string = "Port"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PortNumberInput
data-component="PortNumberInput"
Reusable port number input component.		label: string = "PortNumber"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PositiveNumberInput
data-component="PositiveNumberInput"
Reusable positive number input component.		label: string = "PositiveNumber"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PostalCodeInput
data-component="PostalCodeInput"
Reusable postal code input component.		label: string = "PostalCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PresetDateRangePicker
data-component="PresetDateRangePicker"
Reusable preset date range picker component.		label: string = "PresetDateRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PriceInput
data-component="PriceInput"
Reusable price input component.		label: string = "Price"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PricingFeatureGroup
data-component="PricingFeatureGroup"
Reusable pricing feature group component.		label: string = "PricingFeature"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PricingToggle
data-component="PricingToggle"
Reusable pricing toggle component.		label: string = "Pricing"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PrioritySelector
data-component="PrioritySelector"
Reusable priority selector component.		label: string = "Priority"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ProductSelector
data-component="ProductSelector"
Reusable product selector component.		label: string = "Product"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ProjectSelector
data-component="ProjectSelector"
Reusable project selector component.		label: string = "Project"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PromoCodeInput
data-component="PromoCodeInput"
Reusable promo code input component.		label: string = "PromoCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ProviderSelector
data-component="ProviderSelector"
Reusable provider selector component.		label: string = "Provider"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PublishDateTimePicker
data-component="PublishDateTimePicker"
Reusable publish date time picker component.		label: string = "PublishDateTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
PushNotificationEditor
data-component="PushNotificationEditor"
Reusable push notification editor component.		label: string = "PushNotification"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
QuantityInput
data-component="QuantityInput"
Reusable quantity input component.		label: string = "Quantity"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
QuietHoursPicker
data-component="QuietHoursPicker"
Reusable quiet hours picker component.		label: string = "Quiet hours"
startName: string = "quietStart"
endName: string = "quietEnd"
start: string = "22:00"
end: string = "08:00"
timezone: string = "UTC"
disabled: boolean = false
class: string = ""		NoneNone
RadioGroup
data-component="RadioGroup"
Reusable radio group component.		class: string = ""
label: string = "Choose one"
name: string = "choice"		defaultNone
RangeInput
data-component="RangeInput"
Reusable range input component.		label: string = "Range"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RateLimitInput
data-component="RateLimitInput"
Reusable rate limit input component.		label: string = "RateLimit"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RecipientSelector
data-component="RecipientSelector"
Reusable recipient selector component.		label: string = "Recipient"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RecoveryCodeInput
data-component="RecoveryCodeInput"
Reusable recovery code input component.		label: string = "RecoveryCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RecurringSchedulePicker
data-component="RecurringSchedulePicker"
Reusable recurring schedule picker component.		id: string = "recurring-schedule"
name: string = "recurrence"
label: string = "Repeat"
value: string = "none"
disabled: boolean = false
class: string = ""		NoneNone
RedirectUriInput
data-component="RedirectUriInput"
Reusable redirect uri input component.		label: string = "RedirectUri"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ReferenceInput
data-component="ReferenceInput"
Reusable reference input component.		label: string = "Reference"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RegexInput
data-component="RegexInput"
Reusable regex input component.		label: string = "Regex"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RegionSelector
data-component="RegionSelector"
Reusable region selector component.		label: string = "Region"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RetryCountInput
data-component="RetryCountInput"
Reusable retry count input component.		label: string = "RetryCount"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RgbColorInput
data-component="RgbColorInput"
Reusable rgb color input component.		label: string = "RgbColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RichTextEditor
data-component="RichTextEditor"
Reusable rich text editor component.		label: string = "RichText"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RichTextInput
data-component="RichTextInput"
Reusable rich text input component.		label: string = "RichText"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RoleSelector
data-component="RoleSelector"
Reusable role selector component.		label: string = "Role"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
RollingDateRangePicker
data-component="RollingDateRangePicker"
Reusable rolling date range picker component.		label: string = "RollingDateRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SavedFilterSelector
data-component="SavedFilterSelector"
Reusable saved filter selector component.		label: string = "SavedFilter"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ScheduledDateTimePicker
data-component="ScheduledDateTimePicker"
Reusable scheduled date time picker component.		label: string = "ScheduledDateTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ScheduleMessagePicker
data-component="ScheduleMessagePicker"
Reusable schedule message picker component.		label: string = "ScheduleMessage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SchedulePicker
data-component="SchedulePicker"
Reusable schedule picker component.		class: string = ""
label: string = "Schedule"		NoneNone
SdkLanguageSelector
data-component="SdkLanguageSelector"
Reusable sdk language selector component.		label: string = "SdkLanguage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SearchInput
data-component="SearchInput"
Reusable search input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Search"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
SecondPicker
data-component="SecondPicker"
Reusable second picker component.		label: string = "Second"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SecretInput
data-component="SecretInput"
Reusable secret input component.		label: string = "Secret"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SenderIdInput
data-component="SenderIdInput"
Reusable sender id input component.		label: string = "SenderId"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SeveritySelector
data-component="SeveritySelector"
Reusable severity selector component.		label: string = "Severity"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ShadowPicker
data-component="ShadowPicker"
Reusable shadow picker component.		label: string = "Shadow"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SlugInput
data-component="SlugInput"
Reusable slug input component.		label: string = "Slug"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SmsMessageEditor
data-component="SmsMessageEditor"
Reusable sms message editor component.		label: string = "SmsMessage"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StateSelector
data-component="StateSelector"
Reusable state selector component.		label: string = "State"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StatusSelector
data-component="StatusSelector"
Reusable status selector component.		label: string = "Status"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StepperInput
data-component="StepperInput"
Reusable stepper input component.		label: string = "Stepper"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StickerPicker
data-component="StickerPicker"
Reusable sticker picker component.		label: string = "Sticker"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
StreetAddressInput
data-component="StreetAddressInput"
Reusable street address input component.		label: string = "StreetAddress"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SubdomainInput
data-component="SubdomainInput"
Reusable subdomain input component.		label: string = "Subdomain"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
SubjectInput
data-component="SubjectInput"
Reusable subject input component.		label: string = "Subject"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TagInput
data-component="TagInput"
Reusable tag input component.		label: string = "Tag"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TaxRateInput
data-component="TaxRateInput"
Reusable tax rate input component.		label: string = "TaxRate"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TeamSizeSelector
data-component="TeamSizeSelector"
Reusable team size selector component.		label: string = "TeamSize"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TemplateSelector
data-component="TemplateSelector"
Reusable template selector component.		label: string = "Template"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TemplateVariableInput
data-component="TemplateVariableInput"
Reusable template variable input component.		label: string = "TemplateVariable"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TextInput
data-component="TextInput"
Reusable text input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Text"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
ThemeColorPicker
data-component="ThemeColorPicker"
Reusable theme color picker component.		label: string = "ThemeColor"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimeInput
data-component="TimeInput"
Reusable time input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Time"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
TimeoutInput
data-component="TimeoutInput"
Reusable timeout input component.		label: string = "Timeout"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimePicker
data-component="TimePicker"
Reusable time picker component.		id: string = "time-picker"
name: string = "time"
label: string = "Time"
value: string = ""
min: string = ""
max: string = ""
step: number = 60
required: boolean = false
disabled: boolean = false
class: string = ""		NoneNone
TimeRangePicker
data-component="TimeRangePicker"
Reusable time range picker component.		label: string = "TimeRange"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimezoneAwareTimePicker
data-component="TimezoneAwareTimePicker"
Reusable timezone aware time picker component.		label: string = "TimezoneAwareTime"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TimezoneSelector
data-component="TimezoneSelector"
Reusable timezone selector component.		class: string = ""
id: string = "timezone"
name: string = "timezone"
label: string = "Timezone"		NoneNone
Toggle
data-component="Toggle"
Reusable toggle component.		label: string = ""
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
ToggleGroup
data-component="ToggleGroup"
Reusable toggle group component.		label: string = "Toggle"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
TokenInput
data-component="TokenInput"
Reusable token input component.		label: string = "Token"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
UrlInput
data-component="UrlInput"
Reusable url input component.		class: string = ""
id: string = ""
name: string = ""
label: string = "Url"
value: string = ""
placeholder: string = ""
help: string = ""
error: string = ""
required: boolean = false
disabled: boolean = false
readonly: boolean = false
autocomplete: string = ""		NoneNone
UseCaseSelector
data-component="UseCaseSelector"
Reusable use case selector component.		label: string = "UseCase"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
UsernameInput
data-component="UsernameInput"
Reusable username input component.		label: string = "Username"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VerificationCodeInput
data-component="VerificationCodeInput"
Reusable verification code input component.		label: string = "VerificationCode"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VersionSelector
data-component="VersionSelector"
Reusable version selector component.		label: string = "Version"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VoiceScriptEditor
data-component="VoiceScriptEditor"
Reusable voice script editor component.		label: string = "VoiceScript"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
VolumeInput
data-component="VolumeInput"
Reusable volume input component.		label: string = "Volume"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WebhookUrlInput
data-component="WebhookUrlInput"
Reusable webhook url input component.		label: string = "WebhookUrl"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WhatsAppNumberInput
data-component="WhatsAppNumberInput"
Reusable whats app number input component.		label: string = "WhatsAppNumber"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WhatsAppTemplateEditor
data-component="WhatsAppTemplateEditor"
Reusable whats app template editor component.		label: string = "WhatsAppTemplate"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
WorkspaceSelector
data-component="WorkspaceSelector"
Reusable workspace selector component.		label: string = "Workspace"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone
YearPicker
data-component="YearPicker"
Reusable year picker component.		label: string = "Year"
name: string = ""
value: string = ""
placeholder: string = ""
type: string = "text"
required: boolean = false
disabled: boolean = false
readonly: boolean = false
help: string = ""
error: string = ""
class: string = ""		defaultNone

Layout

ComponentPropsSlotsEvents
AnchorNavigation
data-component="AnchorNavigation"
Reusable anchor navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
AppHeader
data-component="AppHeader"
Reusable app header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArchitectureSection
data-component="ArchitectureSection"
Reusable architecture section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArticleHero
data-component="ArticleHero"
Reusable article hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArticleLayout
data-component="ArticleLayout"
Reusable article layout component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ArticlePageShell
data-component="ArticlePageShell"
Reusable article page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
BottomNavigation
data-component="BottomNavigation"
Reusable bottom navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
BrowserFrame
data-component="BrowserFrame"
Reusable browser frame component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CalendarHeader
data-component="CalendarHeader"
Reusable calendar header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CalendarNavigation
data-component="CalendarNavigation"
Reusable calendar navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CaseStudyHero
data-component="CaseStudyHero"
Reusable case study hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CenteredHero
data-component="CenteredHero"
Reusable centered hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CenteredSectionHeader
data-component="CenteredSectionHeader"
Reusable centered section header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ChallengeSection
data-component="ChallengeSection"
Reusable challenge section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CodeHeader
data-component="CodeHeader"
Reusable code header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CompanyHero
data-component="CompanyHero"
Reusable company hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CompanyPageShell
data-component="CompanyPageShell"
Reusable company page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ContactHero
data-component="ContactHero"
Reusable contact hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ContactPageShell
data-component="ContactPageShell"
Reusable contact page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
CTASection
data-component="CTASection"
Reusable c t a section component.		class: string = ""
eyebrow: string = "Ready?"
title: string = "Start building today"
description: string = ""
primaryLabel: string = "Get started"
primaryHref: string = "#"
secondaryLabel: string = "Contact sales"
secondaryHref: string = "#"		NoneNone
DesktopNavigation
data-component="DesktopNavigation"
Reusable desktop navigation component.		label: string = "Primary navigation"
items: string = []
class: string = ""		NoneNone
DeveloperHero
data-component="DeveloperHero"
Reusable developer hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
DeveloperPageShell
data-component="DeveloperPageShell"
Reusable developer page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
DropdownNavigation
data-component="DropdownNavigation"
Reusable dropdown navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
EnterpriseHero
data-component="EnterpriseHero"
Reusable enterprise hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ErrorHero
data-component="ErrorHero"
Reusable error hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ErrorPageShell
data-component="ErrorPageShell"
Reusable error page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
FeatureDetailsPanel
data-component="FeatureDetailsPanel"
Reusable feature details panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
FormSection
data-component="FormSection"
Reusable form section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Header
data-component="Header"
Reusable header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Hero
data-component="Hero"
Reusable hero component.		class: string = ""
eyebrow: string = ""
title: string = "Build faster with WRNexusJS"
highlight: string = ""
description: string = ""
primaryLabel: string = "Get started"
primaryHref: string = "#"
secondaryLabel: string = "Learn more"
secondaryHref: string = "#"
align: string = "center"		defaultNone
HeroCodePanel
data-component="HeroCodePanel"
Reusable hero code panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
InsetPanel
data-component="InsetPanel"
Reusable inset panel component.		class: string = ""defaultNone
LegalDocumentHeader
data-component="LegalDocumentHeader"
Reusable legal document header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
LegalDocumentLayout
data-component="LegalDocumentLayout"
Reusable legal document layout component.		class: string = ""
title: string = "Legal document"
effectiveDate: string = ""
updatedDate: string = ""		toc
default		None
LegalHero
data-component="LegalHero"
Reusable legal hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
LegalPageShell
data-component="LegalPageShell"
Reusable legal page shell component.		class: string = ""navigation
default		None
LegalSection
data-component="LegalSection"
Reusable legal section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MarketingPageShell
data-component="MarketingPageShell"
Reusable marketing page shell component.		class: string = ""defaultNone
MarketingSectionHeader
data-component="MarketingSectionHeader"
Reusable marketing section header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MissionSection
data-component="MissionSection"
Reusable mission section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MobileDeviceFrame
data-component="MobileDeviceFrame"
Reusable mobile device frame component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
MobileNavigation
data-component="MobileNavigation"
Reusable mobile navigation component.		label: string = "Menu"
closeLabel: string = "Close menu"
items: string = []
class: string = ""		Noneclick
Navigation
data-component="Navigation"
Reusable navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Panel
data-component="Panel"
Reusable panel component.		class: string = ""defaultNone
PreviousNextNavigation
data-component="PreviousNextNavigation"
Reusable previous next navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
PricingHero
data-component="PricingHero"
Reusable pricing hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ProductCategorySection
data-component="ProductCategorySection"
Reusable product category section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ProductHero
data-component="ProductHero"
Reusable product hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ProductPageShell
data-component="ProductPageShell"
Reusable product page shell component.		class: string = ""defaultNone
PublicHeader
data-component="PublicHeader"
Reusable public header component.		class: string = ""
brand: string = "WRNexusJS"
homeHref: string = "/"
signInHref: string = "/signin"
ctaHref: string = "/start"
ctaLabel: string = "Get started"		default
mobile		click
PublicPageShell
data-component="PublicPageShell"
Reusable public page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ResizablePanel
data-component="ResizablePanel"
Reusable resizable panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ResourcePageShell
data-component="ResourcePageShell"
Reusable resource page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ResultsSection
data-component="ResultsSection"
Reusable results section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
ScreenshotFrame
data-component="ScreenshotFrame"
Reusable screenshot frame component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
Section
data-component="Section"
Reusable section component.		id: string = ""
size: string = "default"
surface: string = "default"
className: string = ""		defaultNone
SectionHeader
data-component="SectionHeader"
Reusable section header component.		class: string = ""
eyebrow: string = ""
title: string = "Section title"
description: string = ""
align: string = "left"		defaultNone
SecurityHero
data-component="SecurityHero"
Reusable security hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SidebarLayout
data-component="SidebarLayout"
Reusable sidebar layout component.		class: string = ""defaultNone
SidePanel
data-component="SidePanel"
Reusable side panel component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SolutionHero
data-component="SolutionHero"
Reusable solution hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SolutionPageShell
data-component="SolutionPageShell"
Reusable solution page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SolutionSection
data-component="SolutionSection"
Reusable solution section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SplitHero
data-component="SplitHero"
Reusable split hero component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
SplitLayout
data-component="SplitLayout"
Reusable split layout component.		class: string = ""defaultNone
SplitSectionHeader
data-component="SplitSectionHeader"
Reusable split section header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
StatusPageShell
data-component="StatusPageShell"
Reusable status page shell component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
StepNavigation
data-component="StepNavigation"
Reusable step navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
StickyLayout
data-component="StickyLayout"
Reusable sticky layout component.		class: string = ""defaultNone
TableHeader
data-component="TableHeader"
Reusable table header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
VisionSection
data-component="VisionSection"
Reusable vision section component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
WizardHeader
data-component="WizardHeader"
Reusable wizard header component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone
WizardNavigation
data-component="WizardNavigation"
Reusable wizard navigation component.		eyebrow: string = ""
title: string = ""
description: string = ""
align: string = "start"
class: string = ""		defaultNone

Overlays

ComponentPropsSlotsEvents
AccessibleDialog
data-component="AccessibleDialog"
Reusable accessible dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
AccessibleMenu
data-component="AccessibleMenu"
Reusable accessible menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
AccountMenu
data-component="AccountMenu"
Reusable account menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ActionMenu
data-component="ActionMenu"
Reusable action menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
AlertDialog
data-component="AlertDialog"
Reusable alert dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ApiKeyCreateDialog
data-component="ApiKeyCreateDialog"
Reusable api key create dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
CommandMenu
data-component="CommandMenu"
Reusable command menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ConfirmationDialog
data-component="ConfirmationDialog"
Reusable confirmation dialog component.		title: string = "Confirm action"
description: string = "Are you sure you want to continue?"
confirmLabel: string = "Confirm"
cancelLabel: string = "Cancel"
danger: boolean = false
open: boolean = false
class: string = ""		confirmclick
ContextMenu
data-component="ContextMenu"
Reusable context menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
CookiePreferencesDialog
data-component="CookiePreferencesDialog"
Reusable cookie preferences dialog component.		title: string = "Cookie preferences"
description: string = "Choose which optional cookies you allow. Essential cookies are always enabled."
saveLabel: string = "Save preferences"
acceptLabel: string = "Accept all"
rejectLabel: string = "Reject optional"
open: boolean = false
class: string = ""		Nonechange
click
DeleteConfirmationDialog
data-component="DeleteConfirmationDialog"
Reusable delete confirmation dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
DevelopersMenu
data-component="DevelopersMenu"
Reusable developers menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
DropdownMenu
data-component="DropdownMenu"
Reusable dropdown menu component.		class: string = ""
label: string = "Menu"		defaultclick
FilterMenu
data-component="FilterMenu"
Reusable filter menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
FormDialog
data-component="FormDialog"
Reusable form dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
FullscreenDialog
data-component="FullscreenDialog"
Reusable fullscreen dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ImagePreviewDialog
data-component="ImagePreviewDialog"
Reusable image preview dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
Lightbox
data-component="Lightbox"
Reusable lightbox component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
LogoutDialog
data-component="LogoutDialog"
Reusable logout dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
MegaMenu
data-component="MegaMenu"
Reusable mega menu component.		label: string = "Explore"
sections: string = []
class: string = ""		Noneclick
NavigationMegaMenu
data-component="NavigationMegaMenu"
Reusable navigation mega menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
Popover
data-component="Popover"
Reusable popover component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ProductsMegaMenu
data-component="ProductsMegaMenu"
Reusable products mega menu component.		label: string = "Products"
sections: string = []
class: string = ""		NoneNone
PromptDialog
data-component="PromptDialog"
Reusable prompt dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
ResourcesMegaMenu
data-component="ResourcesMegaMenu"
Reusable resources mega menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SearchDialog
data-component="SearchDialog"
Reusable search dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SecretRevealDialog
data-component="SecretRevealDialog"
Reusable secret reveal dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SessionExpiredDialog
data-component="SessionExpiredDialog"
Reusable session expired dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
SolutionsMegaMenu
data-component="SolutionsMegaMenu"
Reusable solutions mega menu component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
StepUpAuthenticationDialog
data-component="StepUpAuthenticationDialog"
Reusable step up authentication dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
TestMessageDialog
data-component="TestMessageDialog"
Reusable test message dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
UnsavedChangesDialog
data-component="UnsavedChangesDialog"
Reusable unsaved changes dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone
VideoPreviewDialog
data-component="VideoPreviewDialog"
Reusable video preview dialog component.		title: string = ""
description: string = ""
open: boolean = false
closeLabel: string = "Close"
class: string = ""		defaultNone

Visualization

ComponentPropsSlotsEvents
AreaChart
data-component="AreaChart"
Reusable area chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
BarChart
data-component="BarChart"
Reusable bar chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CampaignProgress
data-component="CampaignProgress"
Reusable campaign progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChannelComparisonChart
data-component="ChannelComparisonChart"
Reusable channel comparison chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChannelFallbackDiagram
data-component="ChannelFallbackDiagram"
Reusable channel fallback diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChannelFlow
data-component="ChannelFlow"
Reusable channel flow component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ChecklistProgress
data-component="ChecklistProgress"
Reusable checklist progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CircularProgress
data-component="CircularProgress"
Reusable circular progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CohortChart
data-component="CohortChart"
Reusable cohort chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CompletionMeter
data-component="CompletionMeter"
Reusable completion meter component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ConversionChart
data-component="ConversionChart"
Reusable conversion chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
CostBreakdownChart
data-component="CostBreakdownChart"
Reusable cost breakdown chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
DeliveryStatusChart
data-component="DeliveryStatusChart"
Reusable delivery status chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
DeliveryStatusTimeline
data-component="DeliveryStatusTimeline"
Reusable delivery status timeline component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
DonutChart
data-component="DonutChart"
Reusable donut chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
EncryptionDiagram
data-component="EncryptionDiagram"
Reusable encryption diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ExportProgress
data-component="ExportProgress"
Reusable export progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FallbackRouteDiagram
data-component="FallbackRouteDiagram"
Reusable fallback route diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FeatureTimeline
data-component="FeatureTimeline"
Reusable feature timeline component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FormProgress
data-component="FormProgress"
Reusable form progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
FunnelChart
data-component="FunnelChart"
Reusable funnel chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
GeoChart
data-component="GeoChart"
Reusable geo chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ImportProgress
data-component="ImportProgress"
Reusable import progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
IncidentResponseFlow
data-component="IncidentResponseFlow"
Reusable incident response flow component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
IncidentTimeline
data-component="IncidentTimeline"
Reusable incident timeline component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
JobProgress
data-component="JobProgress"
Reusable job progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
LatencyMetric
data-component="LatencyMetric"
Reusable latency metric component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
LineChart
data-component="LineChart"
Reusable line chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
Metric
data-component="Metric"
Reusable metric component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
OnboardingProgress
data-component="OnboardingProgress"
Reusable onboarding progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
PasswordStrengthMeter
data-component="PasswordStrengthMeter"
Reusable password strength meter component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
PieChart
data-component="PieChart"
Reusable pie chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ProductArchitectureDiagram
data-component="ProductArchitectureDiagram"
Reusable product architecture diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ProgressChart
data-component="ProgressChart"
Reusable progress chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ProgressRing
data-component="ProgressRing"
Reusable progress ring component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
RevenueChart
data-component="RevenueChart"
Reusable revenue chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
SmartRouteDiagram
data-component="SmartRouteDiagram"
Reusable smart route diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
TenantIsolationDiagram
data-component="TenantIsolationDiagram"
Reusable tenant isolation diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
Timeline
data-component="Timeline"
Reusable timeline component.		class: string = ""
title: string = "Timeline"		defaultNone
TimelineChart
data-component="TimelineChart"
Reusable timeline chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
ToastProgress
data-component="ToastProgress"
Reusable toast progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
UploadProgress
data-component="UploadProgress"
Reusable upload progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
UptimeChart
data-component="UptimeChart"
Reusable uptime chart component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
UptimeMetric
data-component="UptimeMetric"
Reusable uptime metric component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
WebhookFlowDiagram
data-component="WebhookFlowDiagram"
Reusable webhook flow diagram component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
WorkflowProgress
data-component="WorkflowProgress"
Reusable workflow progress component.		title: string = ""
value: string = ""
description: string = ""
summary: string = ""
loading: boolean = false
class: string = ""		defaultNone
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/uploader.wrn b/app/pages/packages/uploader.wrn index 2647ad28..0443ed66 100644 --- a/app/pages/packages/uploader.wrn +++ b/app/pages/packages/uploader.wrn @@ -10,12 +10,12 @@ page wrnexusuploader {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Data · Preview

@wrnexus/uploader

Validated local/S3 uploads and secure file serving.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/uploader@0.2.60

Request preview access. Never put registry tokens in source control.

Config-driven file uploads + serving for WRNexusJS. Declare named storage stores (local disk or any S3-compatible backend) in wrnexus.config.ts, upload with one function call, drop a drag-and-drop widget on a page, and serve files back — public or private. Zero external dependencies (S3 is signed with a built-in AWS SigV4 implementation, like the rest of the framework).

+ +
Data · Preview

@wrnexus/uploader

Validated local/S3 uploads and secure file serving.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/uploader@0.2.61

Request preview access. Never put registry tokens in source control.

Config-driven file uploads + serving for WRNexusJS. Declare named storage stores (local disk or any S3-compatible backend) in wrnexus.config.ts, upload with one function call, drop a drag-and-drop widget on a page, and serve files back — public or private. Zero external dependencies (S3 is signed with a built-in AWS SigV4 implementation, like the rest of the framework).

Usage

Configure local and S3 stores

// wrnexus.config.ts
@@ -424,7 +424,7 @@ import { serveFromStore } from "@wrnexus/uploader";
 export const GET = serveFromStore("docs"); // your middleware decides who gets in
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/packages/validation.wrn b/app/pages/packages/validation.wrn index 0b99b9de..d661431a 100644 --- a/app/pages/packages/validation.wrn +++ b/app/pages/packages/validation.wrn @@ -10,12 +10,12 @@ page wrnexusvalidation {
W WRNexusJS -
Private preview · v0.2.60
+
Private preview · v0.2.61
Browse documentation
- -
Security · Preview

@wrnexus/validation

Typed schemas, coercion, validation, and browser descriptors.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/validation@0.2.60

Request preview access. Never put registry tokens in source control.

One fluent schema, validated on the server (API bodies, env vars) and mirrored to an eval-free browser validator for forms.
+ +
Security · Preview

@wrnexus/validation

Typed schemas, coercion, validation, and browser descriptors.

Private registry access required

This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:

bun add @wrnexus/validation@0.2.61

Request preview access. Never put registry tokens in source control.

One fluent schema, validated on the server (API bodies, env vars) and mirrored to an eval-free browser validator for forms.

Part of the WRNexusJS framework — an SSR-first, Bun-native full-stack web framework.

Overview

Define a schema once with the fluent v builder, then reuse it in three places: .parse() runs server-side and returns coerced values plus per-field errors; .describe() emits a plain-JSON SchemaDescriptor that the browser runtime interprets (no eval, no bundled validator); and helpers like parseBody and parseEnv wire schemas straight into API routes and startup config. The server rule logic (applyRule/checkField) and the client runtime (VALIDATE_RUNTIME) mirror each other exactly, so a form validates identically in both places. Schemas are conventionally kept in app/schemas/.

@@ -344,7 +344,7 @@ const head = `<script>${renderSchemasScript({ signup: signupSche // render a <form data-schema="signup"> with [data-error="email"] etc.
-
WRNexusJS 0.2.60 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+
WRNexusJS 0.2.61 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
} } diff --git a/app/pages/releases/0.2.61.wrn b/app/pages/releases/0.2.61.wrn new file mode 100644 index 00000000..eea14faf --- /dev/null +++ b/app/pages/releases/0.2.61.wrn @@ -0,0 +1,16 @@ +page Release0261 { + seo { + title = "Release 0.2.61" + description = "WRNexusJS 0.2.61 release notes." + canonical = "https://wrnexusjs.dev/releases/0.2.61" + } + view { + +
+
W WRNexusJS
Preview · v0.2.61
+
Browse documentation
+

WRNexusJS 0.2.61

Released 2026-07-13. All 26 installed packages are aligned to this version. Highlights include the new helpers package, reliable workspace app addition, and browser SSO redirects through forward authentication. See the changelog, upgrade guide, and package references.

+ +
+ } +} \ No newline at end of file diff --git a/app/pages/roadmap.wrn b/app/pages/roadmap.wrn index 94462fb0..1aa47cd3 100644 --- a/app/pages/roadmap.wrn +++ b/app/pages/roadmap.wrn @@ -7,10 +7,10 @@ page Roadmap { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation

Roadmap

Roadmap items are direction, not delivery commitments. Dates require explicit owner approval.

Now

  • Private preview onboarding and accurate package references
  • Runnable documentation fixtures and link/accessibility checks
  • License, support, and disclosure owner decisions

Next

  • Durable queue driver guidance
  • Expanded database/auth/realtime examples
  • Versioned release notes and migration fixtures

Later / exploration

  • Historical documentation selector
  • Maintained reproducible benchmarks
  • Broader mobile/native coverage
- +
} } \ No newline at end of file diff --git a/app/pages/search.wrn b/app/pages/search.wrn index f67f56ce..088d876a 100644 --- a/app/pages/search.wrn +++ b/app/pages/search.wrn @@ -7,10 +7,10 @@ page Search { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation

Search documentation

This build-time index is local and sends no query to a third party. Use your browser’s find command to filter this compact index.

Core documentation

Get started · Packages · Language · Architecture

Guides

Project structure · Routing · Pages and components · Server data · API routes · Middleware · Forms and validation · Authentication · Authorization · Application security · Database · Uploads · Realtime · Pub/sub · Queues · Testing · Workspaces and gateway · Deployment · Configuration and profiles · Internationalization and themes · Mobile · Observability · Upgrading · Troubleshooting

Package APIs

@wrnexus/ai · @wrnexus/authz · @wrnexus/compiler · @wrnexus/core · @wrnexus/csr · @wrnexus/db · @wrnexus/dev-server · @wrnexus/encryption · @wrnexus/helpers · @wrnexus/i18n · @wrnexus/jwt · @wrnexus/mobile · @wrnexus/native · @wrnexus/oauth · @wrnexus/pubsub · @wrnexus/queue · @wrnexus/reactive · @wrnexus/router · @wrnexus/ssr · @wrnexus/styles · @wrnexus/test · @wrnexus/tracking · @wrnexus/ui · @wrnexus/uploader · @wrnexus/validation · @wrnexus/cli

- +
} } \ No newline at end of file diff --git a/app/pages/security.wrn b/app/pages/security.wrn index 9e001484..42b4c6a4 100644 --- a/app/pages/security.wrn +++ b/app/pages/security.wrn @@ -7,10 +7,10 @@ page Security { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-

Security

WRNexusJS provides primitives for CSP, CSRF, Trusted Types, sessions, validation, authorization, encryption, upload restrictions, request limits, and WebSocket-origin checks. Applications remain responsible for correct configuration, business authorization, secrets, dependencies, data protection, and operations.

Supported releases

Only the current private-preview release 0.2.60 is documented here. A formal old-release support window is not yet published.

Report a vulnerability

Use WorkRoot’s approved private contact path at workroot.in. Do not publish exploit details or secrets. Include affected version, impact, reproduction, and a safe contact method. Response targets, encryption key, bounty, audit, and certification are not currently claimed.

Deployment controls

Use restrictive CSP and permissions policies, HSTS only on HTTPS production origins, MIME sniffing protection, restrictive referrers, explicit CORS, secure cookies, CSRF validation, request limits, and origin checks. See application security.

- +

Security

WRNexusJS provides primitives for CSP, CSRF, Trusted Types, sessions, validation, authorization, encryption, upload restrictions, request limits, and WebSocket-origin checks. Applications remain responsible for correct configuration, business authorization, secrets, dependencies, data protection, and operations.

Supported releases

Only the current private-preview release 0.2.61 is documented here. A formal old-release support window is not yet published.

Report a vulnerability

Use WorkRoot’s approved private contact path at workroot.in. Do not publish exploit details or secrets. Include affected version, impact, reproduction, and a safe contact method. Response targets, encryption key, bounty, audit, and certification are not currently claimed.

Deployment controls

Use restrictive CSP and permissions policies, HSTS only on HTTPS production origins, MIME sniffing protection, restrictive referrers, explicit CORS, secure cookies, CSRF validation, request limits, and origin checks. See application security.

+
} } \ No newline at end of file diff --git a/app/pages/showcase.wrn b/app/pages/showcase.wrn index 177c4a92..81866f68 100644 --- a/app/pages/showcase.wrn +++ b/app/pages/showcase.wrn @@ -7,10 +7,10 @@ page Showcase { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-

Showcase

Only confirmed public properties are listed; no customer or traffic claims are made.

WorkRoot

Creator/company site demonstrating a public WRNexusJS deployment. Exact deployed version and infrastructure notes await owner confirmation.

WRNexusJS docs

This documentation portal, built and verified against WRNexusJS 0.2.60 on Bun.

Screenshots are intentionally deferred until approved assets and alt text are available.

- +

Showcase

Only confirmed public properties are listed; no customer or traffic claims are made.

WorkRoot

Creator/company site demonstrating a public WRNexusJS deployment. Exact deployed version and infrastructure notes await owner confirmation.

WRNexusJS docs

This documentation portal, built and verified against WRNexusJS 0.2.61 on Bun.

Screenshots are intentionally deferred until approved assets and alt text are available.

+
} } \ No newline at end of file diff --git a/app/pages/support.wrn b/app/pages/support.wrn index eb012f8a..f94bd5fc 100644 --- a/app/pages/support.wrn +++ b/app/pages/support.wrn @@ -7,10 +7,10 @@ page Support { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation

Support

WRNexusJS has no public Discord, public issue tracker, or guaranteed community support channel listed by this repository. Preview access and support begin through WorkRoot’s public contact path.

Include WRNexusJS version, Bun version, OS, a minimal reproduction, expected and actual behavior, and sanitized logs. Never include registry tokens, credentials, session cookies, or private data.

Support scope, service levels, and commercial terms require owner confirmation.

- +
} } \ No newline at end of file diff --git a/app/pages/tutorial.wrn b/app/pages/tutorial.wrn index b44a7375..b29e1b1f 100644 --- a/app/pages/tutorial.wrn +++ b/app/pages/tutorial.wrn @@ -7,9 +7,9 @@ page Tutorial { view {
-
W WRNexusJS
Preview · v0.2.60
+
W WRNexusJS
Preview · v0.2.61
Browse documentation
-
Preview · runnable-project extraction pending

Secure task board

This tutorial connects the installed 0.2.60 APIs into one design. Snippets are limited to declarations and README patterns verified in the installed packages; a CI-compiled standalone fixture remains on the roadmap.

Application shape

A .wrn page renders tasks from an SSR API binding. A shared validation schema protects mutations. Session middleware identifies users, authorization policies gate updates, and a realtime room broadcasts changes.

Schema and create route

import { v, parseBody } from "@wrnexus/validation";
+      
Preview · runnable-project extraction pending
Secure task board
This tutorial connects the installed 0.2.61 APIs into one design. Snippets are limited to declarations and README patterns verified in the installed packages; a CI-compiled standalone fixture remains on the roadmap.
Application shape
A .wrn page renders tasks from an SSR API binding. A shared validation schema protects mutations. Session middleware identifies users, authorization policies gate updates, and a realtime room broadcasts changes.
Schema and create route
import { v, parseBody } from "@wrnexus/validation";
 const task = v.object({ title: v.string().trim().min(3).max(120) });
 export const POST = async (ctx) => {
   const parsed = await parseBody(task, ctx.req);
@@ -23,7 +23,7 @@ export const POST = async (ctx) => {
     </ul></main>
   }
 }
Production checklist
  • Choose SQLite for local development or configure the supported PostgreSQL driver.
  • Run migrations before accepting traffic.
  • Enable session authentication and enforce authorization on every mutation.
  • Validate upload types and sizes; keep private objects behind authenticated routes.
  • Use Redis pub/sub when realtime rooms span processes.
  • Treat the default queue as non-durable until a production driver is selected.
Follow the focused database, authentication, authorization, realtime, and upload guides.

-      
+
} } \ No newline at end of file diff --git a/bun.lock b/bun.lock index ed7b4040..8bfdc859 100644 --- a/bun.lock +++ b/bun.lock @@ -5,38 +5,38 @@ "": { "name": "wrnexusjs", "dependencies": { - "@wrnexus/ai": "^0.2.60", - "@wrnexus/authz": "^0.2.60", - "@wrnexus/compiler": "^0.2.60", - "@wrnexus/core": "^0.2.60", - "@wrnexus/csr": "^0.2.60", - "@wrnexus/db": "^0.2.60", - "@wrnexus/dev-server": "^0.2.60", - "@wrnexus/encryption": "^0.2.60", - "@wrnexus/helpers": "^0.2.60", - "@wrnexus/i18n": "^0.2.60", - "@wrnexus/jwt": "^0.2.60", - "@wrnexus/mobile": "^0.2.60", - "@wrnexus/native": "^0.2.60", - "@wrnexus/oauth": "^0.2.60", - "@wrnexus/pubsub": "^0.2.60", - "@wrnexus/queue": "^0.2.60", - "@wrnexus/reactive": "^0.2.60", - "@wrnexus/router": "^0.2.60", - "@wrnexus/ssr": "^0.2.60", - "@wrnexus/styles": "^0.2.60", - "@wrnexus/test": "^0.2.60", - "@wrnexus/tracking": "^0.2.60", - "@wrnexus/ui": "^0.2.60", - "@wrnexus/uploader": "^0.2.60", - "@wrnexus/validation": "^0.2.60", + "@wrnexus/ai": "^0.2.61", + "@wrnexus/authz": "^0.2.61", + "@wrnexus/compiler": "^0.2.61", + "@wrnexus/core": "^0.2.61", + "@wrnexus/csr": "^0.2.61", + "@wrnexus/db": "^0.2.61", + "@wrnexus/dev-server": "^0.2.61", + "@wrnexus/encryption": "^0.2.61", + "@wrnexus/helpers": "^0.2.61", + "@wrnexus/i18n": "^0.2.61", + "@wrnexus/jwt": "^0.2.61", + "@wrnexus/mobile": "^0.2.61", + "@wrnexus/native": "^0.2.61", + "@wrnexus/oauth": "^0.2.61", + "@wrnexus/pubsub": "^0.2.61", + "@wrnexus/queue": "^0.2.61", + "@wrnexus/reactive": "^0.2.61", + "@wrnexus/router": "^0.2.61", + "@wrnexus/ssr": "^0.2.61", + "@wrnexus/styles": "^0.2.61", + "@wrnexus/test": "^0.2.61", + "@wrnexus/tracking": "^0.2.61", + "@wrnexus/ui": "^0.2.61", + "@wrnexus/uploader": "^0.2.61", + "@wrnexus/validation": "^0.2.61", }, "devDependencies": { "@eslint/js": "^9.0.0", "@tailwindcss/cli": "^4.0.0", "@types/bun": "latest", "@types/node": "^26.1.1", - "@wrnexus/cli": "^0.2.60", + "@wrnexus/cli": "^0.2.61", "eslint": "^9.0.0", "prettier": "latest", "tailwindcss": "^4.0.0", @@ -170,57 +170,57 @@ "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.63.0", "", { "dependencies": { "@typescript-eslint/types": "8.63.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-UexrHGnGTpbuQHct2ExOc2ZcFbGUS9FOesCxxqdBGcpI1BxYu/LZ6U8Aq6/72XtF/qRBk9nhuGHFJIXXMhPMdw=="], - "@wrnexus/ai": ["@wrnexus/ai@0.2.60", "", {}, "sha512-LfLZKAQyEh1IjcrsfxXPLkxP+2WIYuy2wIXRBBIyjD0KAFBi/J8TVskuH+hldip5Qgez56RjovZyONztL0ruVA=="], + "@wrnexus/ai": ["@wrnexus/ai@0.2.61", "", {}, "sha512-Ed5O9Yd7hjBn9C52uO/e8qK+Il0TbtYdRN0PVNFikd5KLMtF/VrGQzMxhuQtq/zf4G+Rp7Q0dCwITVMzc1sLcw=="], - "@wrnexus/authz": ["@wrnexus/authz@0.2.60", "", {}, "sha512-QLXMnCm4j5UxoBFAcXXcuUty4eqYCTV6Wy3MoWhxl2fKGetMxLfx+0z4Yx+e5OZggJwGeMw0Eo9swAr0+zkf/w=="], + "@wrnexus/authz": ["@wrnexus/authz@0.2.61", "", {}, "sha512-uHciexEu3Waezdm9njbG5GeAs1RsFQBlYqx19QRRSz76I7/rKp2cp1LaRleiF089mHDFOsfQeOmIAusRSPEjfw=="], - "@wrnexus/cli": ["@wrnexus/cli@0.2.60", "", { "dependencies": { "@wrnexus/compiler": "^0.2.60", "@wrnexus/core": "^0.2.60", "@wrnexus/csr": "^0.2.60", "@wrnexus/db": "^0.2.60", "@wrnexus/dev-server": "^0.2.60", "@wrnexus/i18n": "^0.2.60", "@wrnexus/router": "^0.2.60", "@wrnexus/styles": "^0.2.60", "@wrnexus/ui": "^0.2.60", "@wrnexus/validation": "^0.2.60" }, "bin": { "wrnexus": "dist/index.js" } }, "sha512-fHedkbVmW7OwEYglQ3XyOX0E2G1ltyzQtw2HBD+NyRd0p73LvCOrxgvA1Rb8OqAT9u3zP9yUSn5fOSUXOdZkeQ=="], + "@wrnexus/cli": ["@wrnexus/cli@0.2.61", "", { "dependencies": { "@wrnexus/compiler": "^0.2.61", "@wrnexus/core": "^0.2.61", "@wrnexus/csr": "^0.2.61", "@wrnexus/db": "^0.2.61", "@wrnexus/dev-server": "^0.2.61", "@wrnexus/i18n": "^0.2.61", "@wrnexus/router": "^0.2.61", "@wrnexus/styles": "^0.2.61", "@wrnexus/ui": "^0.2.61", "@wrnexus/validation": "^0.2.61" }, "bin": { "wrnexus": "dist/index.js" } }, "sha512-25Y6S19fca6fMpayNEVE5cT2O8jjdzqIU4YxQ/OUl+BBj3b+MpzsqoCmYhQj4wA36KwKcYag3M8j1vuvxHxqBA=="], - "@wrnexus/compiler": ["@wrnexus/compiler@0.2.60", "", {}, "sha512-0ykEKpC/XiJPhxwNIlk3RRor5QNSONdFBhnhFL+h8haP5mTrXqUbjKtJdcY14peWMUsBLpCUbr1k1L+0cJyjDg=="], + "@wrnexus/compiler": ["@wrnexus/compiler@0.2.61", "", {}, "sha512-xly6a1Cxo2G90TP0o2U1KamdiEAUdtbtStdGW2d9INLGVIUvvOmhKOrfFjt+gtPxcxBpiU49dg05t3dAqV8vjw=="], - "@wrnexus/core": ["@wrnexus/core@0.2.60", "", {}, "sha512-wKAdZOhWDWo2Ss4uimhnj+WZJ4X4XacsJFEr4P3idjTDPUpF996Msc86SlAGcyeRKpMistwZNWfyw2CmauFffg=="], + "@wrnexus/core": ["@wrnexus/core@0.2.61", "", {}, "sha512-a+UWyF/ujbb4jiJLdKN63zZZ+ioM5Lvt4uOdcoM+IBkyX8JLXxzVUfLN52REaBv7JLhpWWIVkrdAZjHV4zF2HA=="], - "@wrnexus/csr": ["@wrnexus/csr@0.2.60", "", { "dependencies": { "@wrnexus/core": "^0.2.60" } }, "sha512-fTPGAsAdThyBLTSMwcdt4uXLozMhMleFIJftu10uHjhb5z+SRhJCJQBadHoxHKd2v4f0ahD2AJ2uWxCgf6vIdg=="], + "@wrnexus/csr": ["@wrnexus/csr@0.2.61", "", { "dependencies": { "@wrnexus/core": "^0.2.61" } }, "sha512-IjZasSRI6jGaGuV71Y5kJc5C9/Ss/DQvEDUTQ4478FNVVukCKyOxwbLPQQhyjg/xyOR2V2wZc6lNridq8ZKU5w=="], - "@wrnexus/db": ["@wrnexus/db@0.2.60", "", {}, "sha512-YpEzxqIkE4luy4jqLNYzDBTpYBX4CaGAPr5Nagn5wkfn2XOcAaeSb3PBz+VgSf0eEtiAsuZLPbUtFGt3+BDNxg=="], + "@wrnexus/db": ["@wrnexus/db@0.2.61", "", {}, "sha512-OJh56KJP+xQHh4H3pK9rB6OwEVzm21mNePfdI35BDRPe2FpJVnKbA2tiaUKk4id8i6rcNmXx0+hVVMBC2AO0Rg=="], - "@wrnexus/dev-server": ["@wrnexus/dev-server@0.2.60", "", { "dependencies": { "@wrnexus/compiler": "^0.2.60", "@wrnexus/core": "^0.2.60", "@wrnexus/csr": "^0.2.60", "@wrnexus/db": "^0.2.60", "@wrnexus/i18n": "^0.2.60", "@wrnexus/pubsub": "^0.2.60", "@wrnexus/router": "^0.2.60", "@wrnexus/ssr": "^0.2.60", "@wrnexus/styles": "^0.2.60", "@wrnexus/ui": "^0.2.60", "@wrnexus/uploader": "^0.2.60", "@wrnexus/validation": "^0.2.60" } }, "sha512-SDkPhoCW1XjeMmeqfxNKb5tq3+IvHoS6WMJeXVYJ3LNQRKLED/2AGYHME7lnkDar8cZLAAcOIHCDL3IZDQ5V5Q=="], + "@wrnexus/dev-server": ["@wrnexus/dev-server@0.2.61", "", { "dependencies": { "@wrnexus/compiler": "^0.2.61", "@wrnexus/core": "^0.2.61", "@wrnexus/csr": "^0.2.61", "@wrnexus/db": "^0.2.61", "@wrnexus/i18n": "^0.2.61", "@wrnexus/pubsub": "^0.2.61", "@wrnexus/router": "^0.2.61", "@wrnexus/ssr": "^0.2.61", "@wrnexus/styles": "^0.2.61", "@wrnexus/ui": "^0.2.61", "@wrnexus/uploader": "^0.2.61", "@wrnexus/validation": "^0.2.61" } }, "sha512-aftnpJSx6s3LD25VI9VfRP6pIU5dHeUE67P5AZye7tSB5NeVLxclEol8xm/xb93sFUWVMxSKay/ErmLXLiQc0A=="], - "@wrnexus/encryption": ["@wrnexus/encryption@0.2.60", "", {}, "sha512-ttng2jjMHU8gzlqbK/J5VJFJT6RJyiEC30ey8klM4VFIG9W4HBcU5JIwYFgLX1Jx4YLpBgJC0PyVc2oKgY8OWg=="], + "@wrnexus/encryption": ["@wrnexus/encryption@0.2.61", "", {}, "sha512-ofz909GQD9PDr4Z0QzOXSeFTmS/34/y3G5qpgsapmNIqPftRXbwIpN7m97waZ/GII/+iQ3knqogdV3x+qMg/9g=="], - "@wrnexus/helpers": ["@wrnexus/helpers@0.2.60", "", { "dependencies": { "@wrnexus/core": "^0.2.60" } }, "sha512-cUp+QsH3K4e2wrwiMPwqPIaPxW8HajI+aI1g3OmshXCl8glDtmOfngMRbgV6WDoq7U6yfpnSWK6Y3/q9lrrgXw=="], + "@wrnexus/helpers": ["@wrnexus/helpers@0.2.61", "", { "dependencies": { "@wrnexus/core": "^0.2.61" } }, "sha512-09WUSBuqv4+pBUpkeOKYaktyEpJcbXPF4lMwlCxS4qkqh3MuDxrsU3OvOYA/785qWAiQNgBdNTzKiJgXlAHt4A=="], - "@wrnexus/i18n": ["@wrnexus/i18n@0.2.60", "", { "dependencies": { "@wrnexus/core": "^0.2.60" } }, "sha512-Xb7qvqC3/dGt98vA1nSxa2222Bq7nLBDWwHO/b+pOqzomLKlkVr0Rkl+Qz60ZoDFIWxxDPG6KpWjUd+gB0YWjA=="], + "@wrnexus/i18n": ["@wrnexus/i18n@0.2.61", "", { "dependencies": { "@wrnexus/core": "^0.2.61" } }, "sha512-uYx+s4CPRCDVX1JBENYJ2swKJMNwrCx2adLaqsuoBKQRbScJ7exDDt29J0De/SUOOf4FjNJBtpwNb5pwQZ1GxQ=="], - "@wrnexus/jwt": ["@wrnexus/jwt@0.2.60", "", {}, "sha512-tWkkkWEVV5pZgwqLA3JlOLW9fL03C8TueR9A/5/HOVFeXltlDZXUksJO3ysEfqrM36NyXj7zWcvJITuNRxW9lA=="], + "@wrnexus/jwt": ["@wrnexus/jwt@0.2.61", "", {}, "sha512-NH1tr49lGXAO9oMNMp95x/KHVXN2EVwgBgHoQbEmxW8ZLh07KO2tvFzeNeaMKCdei8KOmipdgRCd0bnXfDy+bg=="], - "@wrnexus/mobile": ["@wrnexus/mobile@0.2.60", "", { "dependencies": { "@wrnexus/native": "^0.2.60" } }, "sha512-iGL5XbyVp88aKFyJqdcxWoNUfuEh/PTXH415RKkTgpq8IcbJFwv7GJbj3tL68eVhhIjn3aUGWaBNl61dQGC4kQ=="], + "@wrnexus/mobile": ["@wrnexus/mobile@0.2.61", "", { "dependencies": { "@wrnexus/native": "^0.2.61" } }, "sha512-p1sOd3wIo/QxWcY6YZKYRLwcnFF1GRyfHFQ2rjyfhnX4rESoLBjaZMScQtedB2YIosQLm5KSOnukj8NWQDIZag=="], - "@wrnexus/native": ["@wrnexus/native@0.2.60", "", {}, "sha512-dQqT+lYAr0xgS9VaZ13yTSCuVhDJjv4+XLmG5z4Hi0ZlA8ery/5HGDuFL9PUbNjG0SFNxRgbFOfLUTMQijcoIg=="], + "@wrnexus/native": ["@wrnexus/native@0.2.61", "", {}, "sha512-Q5E6jBBBTtMlj/ehAZtMXwwvZfdB6hcvOa+RvM7x34UtGf33MivwVItAyQZL8HdEBbSjWBoowqmHP9DcCK9jyw=="], - "@wrnexus/oauth": ["@wrnexus/oauth@0.2.60", "", {}, "sha512-zjvDQdQxOPa9W1XG+D07iFvsoYE32ti7pnwIGP9yjYz/bi6T1Tyyp4rpxfOsT7nrrqrE5W1UswgZorxI2SynIg=="], + "@wrnexus/oauth": ["@wrnexus/oauth@0.2.61", "", {}, "sha512-kGfkZhOyg7sOMO9Oq+bbP8S3skaNZ/Bof0dsK2cj+W1yZ28u4duZeGeUv06j5cOaA/1b0CJ3KfShp2blWMPBkg=="], - "@wrnexus/pubsub": ["@wrnexus/pubsub@0.2.60", "", {}, "sha512-VxE7vRd60mcS48eqkPz/alRQxLyI/+zW+EfrsRx10bCILMrpU9aTIAAzQEJXaMiWVS2/tOcXf+ixMDegjcB80g=="], + "@wrnexus/pubsub": ["@wrnexus/pubsub@0.2.61", "", {}, "sha512-P75X4XUihcgJwVd1xfbyEuZ2tqKREIB/5C3aAex+UiuILjoBJgFZnprXNowUDZYrmqILWuG52JX5u5SwtsLsbA=="], - "@wrnexus/queue": ["@wrnexus/queue@0.2.60", "", {}, "sha512-ZUjTqj5NfD2uLhlBj13ohOyH1YaHcpEgsmJYuLV16t0Zb+xUbIurNg/A4Rpf0gB/jm35R/BKYcB3yTy1Qivavw=="], + "@wrnexus/queue": ["@wrnexus/queue@0.2.61", "", {}, "sha512-CrLYJMYCpF0+cF+4DlPA8K6f0ZSmOrqvgeH4JD+43gaydk1VkFdE+28U1TVb0ioaXFXQpPHM6unbnxKx/gfs2A=="], - "@wrnexus/reactive": ["@wrnexus/reactive@0.2.60", "", {}, "sha512-XQUpbmhtr50CZ1IxJBf9JfJM93LTE2DKAfCe8atD+YYU/ja/b3gxtH7Xa6T9NfdvBidMZiar97Y5NYcCN8WXUQ=="], + "@wrnexus/reactive": ["@wrnexus/reactive@0.2.61", "", {}, "sha512-N9dFfo1l0Fzaut6YqAFfI+4TiFFBwiNLTOjvXVV1Rp5OkJgeGV4Z28LmdNpKCCAn5DGSW0doedFThoolfVS0wg=="], - "@wrnexus/router": ["@wrnexus/router@0.2.60", "", { "dependencies": { "@wrnexus/compiler": "^0.2.60", "@wrnexus/core": "^0.2.60" } }, "sha512-Ux4muyGLryoKZUWGNj2kHrxo3snosh6/vzYhhhXcHe/hnbl4BCtUaEa1Cb5oTdqKRcnnQHXOaPwlcUKWXkM2Eg=="], + "@wrnexus/router": ["@wrnexus/router@0.2.61", "", { "dependencies": { "@wrnexus/compiler": "^0.2.61", "@wrnexus/core": "^0.2.61" } }, "sha512-fg9mGc8p47Bt4JRTnpZdZvgmJmTFJzSMDbxrL0BwAc4I9CUF7kPuVHOlZAZlN5mmhT8fm9es182d6E1GItxVcQ=="], - "@wrnexus/ssr": ["@wrnexus/ssr@0.2.60", "", { "dependencies": { "@wrnexus/core": "^0.2.60" } }, "sha512-KcpnKaY7YXaI4rhXGxr3sI/1IFo2GdSpfaTQlxZioN9uBKIcHj9ozAPsGX5G93ETVB3ZYla7ghljS2x+Ec+asQ=="], + "@wrnexus/ssr": ["@wrnexus/ssr@0.2.61", "", { "dependencies": { "@wrnexus/core": "^0.2.61" } }, "sha512-sCH2X15fcuaJi1yktSR/urim48by40CCyk6SeZ23WP82zos+doLz19ytlXHi/sf3yhxWomKMBYR3a74KNtdlrg=="], - "@wrnexus/styles": ["@wrnexus/styles@0.2.60", "", { "dependencies": { "@wrnexus/uploader": "^0.2.60" } }, "sha512-XJx83e0R68h56HDdzfG8OX+FRypgY4LGaQSaHwq7VUo01bIyUHAtjfUpQh/pvrT+LPU/QD+86n2zK2AVMHuAeQ=="], + "@wrnexus/styles": ["@wrnexus/styles@0.2.61", "", { "dependencies": { "@wrnexus/uploader": "^0.2.61" } }, "sha512-RYnnyqrPNHfjrcy7jJ9CqhILfAsBFSWmxqe1HyLJurGb2G8M+X5kC7BvpiGZVrUXg6Zst/+obB6/HtcnjYog4w=="], - "@wrnexus/test": ["@wrnexus/test@0.2.60", "", {}, "sha512-rXfwYmcn0bdUQc4frKC2SImjOpTiP6iy4ueGSQ/yXfxeo99sHCuPiJmvoHAjeG7AFWxUYTC7KbN7VddJ/nodTg=="], + "@wrnexus/test": ["@wrnexus/test@0.2.61", "", {}, "sha512-LDyhfRzsoV5wwnyYWoyU7MDPVzodauNCa5mqlFrw6YPgaO9q3RoL6KgN7Cjau2v8OaR7eIqHRL4LfKuF0/7GXA=="], - "@wrnexus/tracking": ["@wrnexus/tracking@0.2.60", "", {}, "sha512-ZAagXT/q4uXV83O9J5p8IyWXJgtuBCJB2epo6VV0l/KaOLYX1GM8cfJj6lAGdpiiGylDsvCPnwh59Uko9aMqfA=="], + "@wrnexus/tracking": ["@wrnexus/tracking@0.2.61", "", {}, "sha512-Jo2ZX5EI4E89zFIABI1Sbo4JT9FRY88Yh+goF+OihbwrI1oNj4P4aVaSk5MMiRboznxQmmTnJWxkGSVJyvIkhA=="], - "@wrnexus/ui": ["@wrnexus/ui@0.2.60", "", { "dependencies": { "@wrnexus/core": "^0.2.60" } }, "sha512-StrWRD/eXevW69kUMbBD3TZ1e+CrgqYggPF5ZtoE6jIRaG5/ekmOWTwpAQn7o4Ma9B/or34un5othQZwvkgLUw=="], + "@wrnexus/ui": ["@wrnexus/ui@0.2.61", "", { "dependencies": { "@wrnexus/core": "^0.2.61" } }, "sha512-leNOEwt0W5mPvVlKCajT2uThxa9VvaCAZq2qoZQ1gNm90sYHPJBABx4K9Y9UVoNlkMRSY8BhGUrqpzFz2+k8qg=="], - "@wrnexus/uploader": ["@wrnexus/uploader@0.2.60", "", { "dependencies": { "@wrnexus/core": "^0.2.60" } }, "sha512-8x+5RmV5q9EciMm5wkUjz1v5sj+GdRMMcFocQHnEK0cu8hqiQ4CV6DmPl4X3RzeBj+7ZWoeuyvYBr5P9V5u/KA=="], + "@wrnexus/uploader": ["@wrnexus/uploader@0.2.61", "", { "dependencies": { "@wrnexus/core": "^0.2.61" } }, "sha512-IIWFBreshktEnK7La+XLro8zF5LO6yKZvM0EkR/aZmlhK535xKN7KWKhdY8HTrWt99Wv89j1Rub4KUQxl5On1Q=="], - "@wrnexus/validation": ["@wrnexus/validation@0.2.60", "", {}, "sha512-IQH15UNzcLTof+mf7dx1EWsPzwPNozDgQ6RH7dm/Fy1RAnILDhxg7aBsF5HuIKKGprMqBTNA0lqSuNRhx5oLbg=="], + "@wrnexus/validation": ["@wrnexus/validation@0.2.61", "", {}, "sha512-6fnYUVxVLPhKWOJhXM548gmiuoRmUCZMweFpFMfHaH/gQN6ezdG/WuzUAiK+/KalZpmtlPhzsgVNgneyhXKY8g=="], "acorn": ["acorn@8.17.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg=="], diff --git a/docs/release-access-status.md b/docs/release-access-status.md index 9fcce913..e529e94f 100644 --- a/docs/release-access-status.md +++ b/docs/release-access-status.md @@ -2,6 +2,6 @@ ## Decision: Mode B — Private Developer Preview -Active version: 0.2.60, derived from package.json#wrnexus.version. All 26 installed @wrnexus packages resolve to 0.2.60 and npm reports restricted access. The repository remote is a private WorkRoot Git service and no public license file exists. +Active version: 0.2.61, derived from package.json#wrnexus.version. All 26 installed @wrnexus packages resolve to 0.2.61 and npm reports restricted access. The repository remote is a private WorkRoot Git service and no public license file exists. -External users cannot execute an installation without approved private registry credentials. The truthful CTA is Request preview access. After approval, the canonical command is bunx @wrnexus/cli@0.2.60 create my-app. Tokens must never appear in documentation or source. +External users cannot execute an installation without approved private registry credentials. The truthful CTA is Request preview access. After approval, the canonical command is bunx @wrnexus/cli@0.2.61 create my-app. Tokens must never appear in documentation or source. diff --git a/docs/site-audit.md b/docs/site-audit.md index a0b4131a..78bea8bd 100644 --- a/docs/site-audit.md +++ b/docs/site-audit.md @@ -1,6 +1,6 @@ # WRNexusJS site audit -Date: 2026-07-13. Baseline: Bun 1.3.14, framework 0.2.60. +Date: 2026-07-13. Baseline: Bun 1.3.14, framework 0.2.61. ## Baseline results @@ -12,7 +12,7 @@ Date: 2026-07-13. Baseline: Bun 1.3.14, framework 0.2.60. ## Findings -Package documentation, discovery assets, and AI-readable references are generated from the installed release. The 0.2.60 portal includes the helpers package, workspace app addition, and safe forward-auth login redirect guidance. +Package documentation, discovery assets, and AI-readable references are generated from the installed release. The 0.2.61 portal includes the helpers package, workspace app addition, and safe forward-auth login redirect guidance. ## Audit limitations diff --git a/package-lock.json b/package-lock.json index 8d421f19..2b3fb26c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,38 +8,38 @@ "name": "wrnexusjs", "version": "0.1.0", "dependencies": { - "@wrnexus/ai": "^0.2.60", - "@wrnexus/authz": "^0.2.60", - "@wrnexus/compiler": "^0.2.60", - "@wrnexus/core": "^0.2.60", - "@wrnexus/csr": "^0.2.60", - "@wrnexus/db": "^0.2.60", - "@wrnexus/dev-server": "^0.2.60", - "@wrnexus/encryption": "^0.2.60", - "@wrnexus/helpers": "^0.2.60", - "@wrnexus/i18n": "^0.2.60", - "@wrnexus/jwt": "^0.2.60", - "@wrnexus/mobile": "^0.2.60", - "@wrnexus/native": "^0.2.60", - "@wrnexus/oauth": "^0.2.60", - "@wrnexus/pubsub": "^0.2.60", - "@wrnexus/queue": "^0.2.60", - "@wrnexus/reactive": "^0.2.60", - "@wrnexus/router": "^0.2.60", - "@wrnexus/ssr": "^0.2.60", - "@wrnexus/styles": "^0.2.60", - "@wrnexus/test": "^0.2.60", - "@wrnexus/tracking": "^0.2.60", - "@wrnexus/ui": "^0.2.60", - "@wrnexus/uploader": "^0.2.60", - "@wrnexus/validation": "^0.2.60" + "@wrnexus/ai": "^0.2.61", + "@wrnexus/authz": "^0.2.61", + "@wrnexus/compiler": "^0.2.61", + "@wrnexus/core": "^0.2.61", + "@wrnexus/csr": "^0.2.61", + "@wrnexus/db": "^0.2.61", + "@wrnexus/dev-server": "^0.2.61", + "@wrnexus/encryption": "^0.2.61", + "@wrnexus/helpers": "^0.2.61", + "@wrnexus/i18n": "^0.2.61", + "@wrnexus/jwt": "^0.2.61", + "@wrnexus/mobile": "^0.2.61", + "@wrnexus/native": "^0.2.61", + "@wrnexus/oauth": "^0.2.61", + "@wrnexus/pubsub": "^0.2.61", + "@wrnexus/queue": "^0.2.61", + "@wrnexus/reactive": "^0.2.61", + "@wrnexus/router": "^0.2.61", + "@wrnexus/ssr": "^0.2.61", + "@wrnexus/styles": "^0.2.61", + "@wrnexus/test": "^0.2.61", + "@wrnexus/tracking": "^0.2.61", + "@wrnexus/ui": "^0.2.61", + "@wrnexus/uploader": "^0.2.61", + "@wrnexus/validation": "^0.2.61" }, "devDependencies": { "@eslint/js": "^9.0.0", "@tailwindcss/cli": "^4.0.0", "@types/bun": "latest", "@types/node": "^26.1.1", - "@wrnexus/cli": "^0.2.60", + "@wrnexus/cli": "^0.2.61", "eslint": "^9.0.0", "prettier": "latest", "tailwindcss": "^4.0.0", @@ -1219,40 +1219,40 @@ } }, "node_modules/@wrnexus/ai": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/ai/-/ai-0.2.60.tgz", - "integrity": "sha512-LfLZKAQyEh1IjcrsfxXPLkxP+2WIYuy2wIXRBBIyjD0KAFBi/J8TVskuH+hldip5Qgez56RjovZyONztL0ruVA==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/ai/-/ai-0.2.61.tgz", + "integrity": "sha512-Ed5O9Yd7hjBn9C52uO/e8qK+Il0TbtYdRN0PVNFikd5KLMtF/VrGQzMxhuQtq/zf4G+Rp7Q0dCwITVMzc1sLcw==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/authz": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/authz/-/authz-0.2.60.tgz", - "integrity": "sha512-QLXMnCm4j5UxoBFAcXXcuUty4eqYCTV6Wy3MoWhxl2fKGetMxLfx+0z4Yx+e5OZggJwGeMw0Eo9swAr0+zkf/w==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/authz/-/authz-0.2.61.tgz", + "integrity": "sha512-uHciexEu3Waezdm9njbG5GeAs1RsFQBlYqx19QRRSz76I7/rKp2cp1LaRleiF089mHDFOsfQeOmIAusRSPEjfw==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/cli": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/cli/-/cli-0.2.60.tgz", - "integrity": "sha512-fHedkbVmW7OwEYglQ3XyOX0E2G1ltyzQtw2HBD+NyRd0p73LvCOrxgvA1Rb8OqAT9u3zP9yUSn5fOSUXOdZkeQ==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/cli/-/cli-0.2.61.tgz", + "integrity": "sha512-25Y6S19fca6fMpayNEVE5cT2O8jjdzqIU4YxQ/OUl+BBj3b+MpzsqoCmYhQj4wA36KwKcYag3M8j1vuvxHxqBA==", "dev": true, "license": "MIT", "dependencies": { - "@wrnexus/compiler": "^0.2.60", - "@wrnexus/core": "^0.2.60", - "@wrnexus/csr": "^0.2.60", - "@wrnexus/db": "^0.2.60", - "@wrnexus/dev-server": "^0.2.60", - "@wrnexus/i18n": "^0.2.60", - "@wrnexus/router": "^0.2.60", - "@wrnexus/styles": "^0.2.60", - "@wrnexus/ui": "^0.2.60", - "@wrnexus/validation": "^0.2.60" + "@wrnexus/compiler": "^0.2.61", + "@wrnexus/core": "^0.2.61", + "@wrnexus/csr": "^0.2.61", + "@wrnexus/db": "^0.2.61", + "@wrnexus/dev-server": "^0.2.61", + "@wrnexus/i18n": "^0.2.61", + "@wrnexus/router": "^0.2.61", + "@wrnexus/styles": "^0.2.61", + "@wrnexus/ui": "^0.2.61", + "@wrnexus/validation": "^0.2.61" }, "bin": { "wrnexus": "dist/index.js" @@ -1262,249 +1262,249 @@ } }, "node_modules/@wrnexus/compiler": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/compiler/-/compiler-0.2.60.tgz", - "integrity": "sha512-0ykEKpC/XiJPhxwNIlk3RRor5QNSONdFBhnhFL+h8haP5mTrXqUbjKtJdcY14peWMUsBLpCUbr1k1L+0cJyjDg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/compiler/-/compiler-0.2.61.tgz", + "integrity": "sha512-xly6a1Cxo2G90TP0o2U1KamdiEAUdtbtStdGW2d9INLGVIUvvOmhKOrfFjt+gtPxcxBpiU49dg05t3dAqV8vjw==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/core": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/core/-/core-0.2.60.tgz", - "integrity": "sha512-wKAdZOhWDWo2Ss4uimhnj+WZJ4X4XacsJFEr4P3idjTDPUpF996Msc86SlAGcyeRKpMistwZNWfyw2CmauFffg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/core/-/core-0.2.61.tgz", + "integrity": "sha512-a+UWyF/ujbb4jiJLdKN63zZZ+ioM5Lvt4uOdcoM+IBkyX8JLXxzVUfLN52REaBv7JLhpWWIVkrdAZjHV4zF2HA==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/csr": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/csr/-/csr-0.2.60.tgz", - "integrity": "sha512-fTPGAsAdThyBLTSMwcdt4uXLozMhMleFIJftu10uHjhb5z+SRhJCJQBadHoxHKd2v4f0ahD2AJ2uWxCgf6vIdg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/csr/-/csr-0.2.61.tgz", + "integrity": "sha512-IjZasSRI6jGaGuV71Y5kJc5C9/Ss/DQvEDUTQ4478FNVVukCKyOxwbLPQQhyjg/xyOR2V2wZc6lNridq8ZKU5w==", "license": "MIT", "dependencies": { - "@wrnexus/core": "^0.2.60" + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/db": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/db/-/db-0.2.60.tgz", - "integrity": "sha512-YpEzxqIkE4luy4jqLNYzDBTpYBX4CaGAPr5Nagn5wkfn2XOcAaeSb3PBz+VgSf0eEtiAsuZLPbUtFGt3+BDNxg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/db/-/db-0.2.61.tgz", + "integrity": "sha512-OJh56KJP+xQHh4H3pK9rB6OwEVzm21mNePfdI35BDRPe2FpJVnKbA2tiaUKk4id8i6rcNmXx0+hVVMBC2AO0Rg==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/dev-server": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/dev-server/-/dev-server-0.2.60.tgz", - "integrity": "sha512-SDkPhoCW1XjeMmeqfxNKb5tq3+IvHoS6WMJeXVYJ3LNQRKLED/2AGYHME7lnkDar8cZLAAcOIHCDL3IZDQ5V5Q==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/dev-server/-/dev-server-0.2.61.tgz", + "integrity": "sha512-aftnpJSx6s3LD25VI9VfRP6pIU5dHeUE67P5AZye7tSB5NeVLxclEol8xm/xb93sFUWVMxSKay/ErmLXLiQc0A==", "license": "MIT", "dependencies": { - "@wrnexus/compiler": "^0.2.60", - "@wrnexus/core": "^0.2.60", - "@wrnexus/csr": "^0.2.60", - "@wrnexus/db": "^0.2.60", - "@wrnexus/i18n": "^0.2.60", - "@wrnexus/pubsub": "^0.2.60", - "@wrnexus/router": "^0.2.60", - "@wrnexus/ssr": "^0.2.60", - "@wrnexus/styles": "^0.2.60", - "@wrnexus/ui": "^0.2.60", - "@wrnexus/uploader": "^0.2.60", - "@wrnexus/validation": "^0.2.60" + "@wrnexus/compiler": "^0.2.61", + "@wrnexus/core": "^0.2.61", + "@wrnexus/csr": "^0.2.61", + "@wrnexus/db": "^0.2.61", + "@wrnexus/i18n": "^0.2.61", + "@wrnexus/pubsub": "^0.2.61", + "@wrnexus/router": "^0.2.61", + "@wrnexus/ssr": "^0.2.61", + "@wrnexus/styles": "^0.2.61", + "@wrnexus/ui": "^0.2.61", + "@wrnexus/uploader": "^0.2.61", + "@wrnexus/validation": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/encryption": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/encryption/-/encryption-0.2.60.tgz", - "integrity": "sha512-ttng2jjMHU8gzlqbK/J5VJFJT6RJyiEC30ey8klM4VFIG9W4HBcU5JIwYFgLX1Jx4YLpBgJC0PyVc2oKgY8OWg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/encryption/-/encryption-0.2.61.tgz", + "integrity": "sha512-ofz909GQD9PDr4Z0QzOXSeFTmS/34/y3G5qpgsapmNIqPftRXbwIpN7m97waZ/GII/+iQ3knqogdV3x+qMg/9g==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/helpers": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/helpers/-/helpers-0.2.60.tgz", - "integrity": "sha512-cUp+QsH3K4e2wrwiMPwqPIaPxW8HajI+aI1g3OmshXCl8glDtmOfngMRbgV6WDoq7U6yfpnSWK6Y3/q9lrrgXw==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/helpers/-/helpers-0.2.61.tgz", + "integrity": "sha512-09WUSBuqv4+pBUpkeOKYaktyEpJcbXPF4lMwlCxS4qkqh3MuDxrsU3OvOYA/785qWAiQNgBdNTzKiJgXlAHt4A==", "license": "MIT", "dependencies": { - "@wrnexus/core": "^0.2.60" + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/i18n": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/i18n/-/i18n-0.2.60.tgz", - "integrity": "sha512-Xb7qvqC3/dGt98vA1nSxa2222Bq7nLBDWwHO/b+pOqzomLKlkVr0Rkl+Qz60ZoDFIWxxDPG6KpWjUd+gB0YWjA==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/i18n/-/i18n-0.2.61.tgz", + "integrity": "sha512-uYx+s4CPRCDVX1JBENYJ2swKJMNwrCx2adLaqsuoBKQRbScJ7exDDt29J0De/SUOOf4FjNJBtpwNb5pwQZ1GxQ==", "license": "MIT", "dependencies": { - "@wrnexus/core": "^0.2.60" + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/jwt": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/jwt/-/jwt-0.2.60.tgz", - "integrity": "sha512-tWkkkWEVV5pZgwqLA3JlOLW9fL03C8TueR9A/5/HOVFeXltlDZXUksJO3ysEfqrM36NyXj7zWcvJITuNRxW9lA==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/jwt/-/jwt-0.2.61.tgz", + "integrity": "sha512-NH1tr49lGXAO9oMNMp95x/KHVXN2EVwgBgHoQbEmxW8ZLh07KO2tvFzeNeaMKCdei8KOmipdgRCd0bnXfDy+bg==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/mobile": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/mobile/-/mobile-0.2.60.tgz", - "integrity": "sha512-iGL5XbyVp88aKFyJqdcxWoNUfuEh/PTXH415RKkTgpq8IcbJFwv7GJbj3tL68eVhhIjn3aUGWaBNl61dQGC4kQ==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/mobile/-/mobile-0.2.61.tgz", + "integrity": "sha512-p1sOd3wIo/QxWcY6YZKYRLwcnFF1GRyfHFQ2rjyfhnX4rESoLBjaZMScQtedB2YIosQLm5KSOnukj8NWQDIZag==", "license": "MIT", "dependencies": { - "@wrnexus/native": "^0.2.60" + "@wrnexus/native": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/native": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/native/-/native-0.2.60.tgz", - "integrity": "sha512-dQqT+lYAr0xgS9VaZ13yTSCuVhDJjv4+XLmG5z4Hi0ZlA8ery/5HGDuFL9PUbNjG0SFNxRgbFOfLUTMQijcoIg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/native/-/native-0.2.61.tgz", + "integrity": "sha512-Q5E6jBBBTtMlj/ehAZtMXwwvZfdB6hcvOa+RvM7x34UtGf33MivwVItAyQZL8HdEBbSjWBoowqmHP9DcCK9jyw==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/oauth": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/oauth/-/oauth-0.2.60.tgz", - "integrity": "sha512-zjvDQdQxOPa9W1XG+D07iFvsoYE32ti7pnwIGP9yjYz/bi6T1Tyyp4rpxfOsT7nrrqrE5W1UswgZorxI2SynIg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/oauth/-/oauth-0.2.61.tgz", + "integrity": "sha512-kGfkZhOyg7sOMO9Oq+bbP8S3skaNZ/Bof0dsK2cj+W1yZ28u4duZeGeUv06j5cOaA/1b0CJ3KfShp2blWMPBkg==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/pubsub": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/pubsub/-/pubsub-0.2.60.tgz", - "integrity": "sha512-VxE7vRd60mcS48eqkPz/alRQxLyI/+zW+EfrsRx10bCILMrpU9aTIAAzQEJXaMiWVS2/tOcXf+ixMDegjcB80g==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/pubsub/-/pubsub-0.2.61.tgz", + "integrity": "sha512-P75X4XUihcgJwVd1xfbyEuZ2tqKREIB/5C3aAex+UiuILjoBJgFZnprXNowUDZYrmqILWuG52JX5u5SwtsLsbA==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/queue": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/queue/-/queue-0.2.60.tgz", - "integrity": "sha512-ZUjTqj5NfD2uLhlBj13ohOyH1YaHcpEgsmJYuLV16t0Zb+xUbIurNg/A4Rpf0gB/jm35R/BKYcB3yTy1Qivavw==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/queue/-/queue-0.2.61.tgz", + "integrity": "sha512-CrLYJMYCpF0+cF+4DlPA8K6f0ZSmOrqvgeH4JD+43gaydk1VkFdE+28U1TVb0ioaXFXQpPHM6unbnxKx/gfs2A==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/reactive": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/reactive/-/reactive-0.2.60.tgz", - "integrity": "sha512-XQUpbmhtr50CZ1IxJBf9JfJM93LTE2DKAfCe8atD+YYU/ja/b3gxtH7Xa6T9NfdvBidMZiar97Y5NYcCN8WXUQ==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/reactive/-/reactive-0.2.61.tgz", + "integrity": "sha512-N9dFfo1l0Fzaut6YqAFfI+4TiFFBwiNLTOjvXVV1Rp5OkJgeGV4Z28LmdNpKCCAn5DGSW0doedFThoolfVS0wg==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/router": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/router/-/router-0.2.60.tgz", - "integrity": "sha512-Ux4muyGLryoKZUWGNj2kHrxo3snosh6/vzYhhhXcHe/hnbl4BCtUaEa1Cb5oTdqKRcnnQHXOaPwlcUKWXkM2Eg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/router/-/router-0.2.61.tgz", + "integrity": "sha512-fg9mGc8p47Bt4JRTnpZdZvgmJmTFJzSMDbxrL0BwAc4I9CUF7kPuVHOlZAZlN5mmhT8fm9es182d6E1GItxVcQ==", "license": "MIT", "dependencies": { - "@wrnexus/compiler": "^0.2.60", - "@wrnexus/core": "^0.2.60" + "@wrnexus/compiler": "^0.2.61", + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/ssr": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/ssr/-/ssr-0.2.60.tgz", - "integrity": "sha512-KcpnKaY7YXaI4rhXGxr3sI/1IFo2GdSpfaTQlxZioN9uBKIcHj9ozAPsGX5G93ETVB3ZYla7ghljS2x+Ec+asQ==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/ssr/-/ssr-0.2.61.tgz", + "integrity": "sha512-sCH2X15fcuaJi1yktSR/urim48by40CCyk6SeZ23WP82zos+doLz19ytlXHi/sf3yhxWomKMBYR3a74KNtdlrg==", "license": "MIT", "dependencies": { - "@wrnexus/core": "^0.2.60" + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/styles": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/styles/-/styles-0.2.60.tgz", - "integrity": "sha512-XJx83e0R68h56HDdzfG8OX+FRypgY4LGaQSaHwq7VUo01bIyUHAtjfUpQh/pvrT+LPU/QD+86n2zK2AVMHuAeQ==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/styles/-/styles-0.2.61.tgz", + "integrity": "sha512-RYnnyqrPNHfjrcy7jJ9CqhILfAsBFSWmxqe1HyLJurGb2G8M+X5kC7BvpiGZVrUXg6Zst/+obB6/HtcnjYog4w==", "license": "MIT", "dependencies": { - "@wrnexus/uploader": "^0.2.60" + "@wrnexus/uploader": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/test": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/test/-/test-0.2.60.tgz", - "integrity": "sha512-rXfwYmcn0bdUQc4frKC2SImjOpTiP6iy4ueGSQ/yXfxeo99sHCuPiJmvoHAjeG7AFWxUYTC7KbN7VddJ/nodTg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/test/-/test-0.2.61.tgz", + "integrity": "sha512-LDyhfRzsoV5wwnyYWoyU7MDPVzodauNCa5mqlFrw6YPgaO9q3RoL6KgN7Cjau2v8OaR7eIqHRL4LfKuF0/7GXA==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/tracking": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/tracking/-/tracking-0.2.60.tgz", - "integrity": "sha512-ZAagXT/q4uXV83O9J5p8IyWXJgtuBCJB2epo6VV0l/KaOLYX1GM8cfJj6lAGdpiiGylDsvCPnwh59Uko9aMqfA==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/tracking/-/tracking-0.2.61.tgz", + "integrity": "sha512-Jo2ZX5EI4E89zFIABI1Sbo4JT9FRY88Yh+goF+OihbwrI1oNj4P4aVaSk5MMiRboznxQmmTnJWxkGSVJyvIkhA==", "license": "MIT", "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/ui": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/ui/-/ui-0.2.60.tgz", - "integrity": "sha512-StrWRD/eXevW69kUMbBD3TZ1e+CrgqYggPF5ZtoE6jIRaG5/ekmOWTwpAQn7o4Ma9B/or34un5othQZwvkgLUw==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/ui/-/ui-0.2.61.tgz", + "integrity": "sha512-leNOEwt0W5mPvVlKCajT2uThxa9VvaCAZq2qoZQ1gNm90sYHPJBABx4K9Y9UVoNlkMRSY8BhGUrqpzFz2+k8qg==", "license": "MIT", "dependencies": { - "@wrnexus/core": "^0.2.60" + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/uploader": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/uploader/-/uploader-0.2.60.tgz", - "integrity": "sha512-8x+5RmV5q9EciMm5wkUjz1v5sj+GdRMMcFocQHnEK0cu8hqiQ4CV6DmPl4X3RzeBj+7ZWoeuyvYBr5P9V5u/KA==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/uploader/-/uploader-0.2.61.tgz", + "integrity": "sha512-IIWFBreshktEnK7La+XLro8zF5LO6yKZvM0EkR/aZmlhK535xKN7KWKhdY8HTrWt99Wv89j1Rub4KUQxl5On1Q==", "license": "MIT", "dependencies": { - "@wrnexus/core": "^0.2.60" + "@wrnexus/core": "^0.2.61" }, "engines": { "bun": ">=1.1.0" } }, "node_modules/@wrnexus/validation": { - "version": "0.2.60", - "resolved": "https://registry.npmjs.org/@wrnexus/validation/-/validation-0.2.60.tgz", - "integrity": "sha512-IQH15UNzcLTof+mf7dx1EWsPzwPNozDgQ6RH7dm/Fy1RAnILDhxg7aBsF5HuIKKGprMqBTNA0lqSuNRhx5oLbg==", + "version": "0.2.61", + "resolved": "https://registry.npmjs.org/@wrnexus/validation/-/validation-0.2.61.tgz", + "integrity": "sha512-6fnYUVxVLPhKWOJhXM548gmiuoRmUCZMweFpFMfHaH/gQN6ezdG/WuzUAiK+/KalZpmtlPhzsgVNgneyhXKY8g==", "license": "MIT", "engines": { "bun": ">=1.1.0" diff --git a/package.json b/package.json index b84d03fd..cb3173a6 100644 --- a/package.json +++ b/package.json @@ -17,38 +17,38 @@ "production": "bun run build && bun run start" }, "dependencies": { - "@wrnexus/ai": "^0.2.60", - "@wrnexus/authz": "^0.2.60", - "@wrnexus/compiler": "^0.2.60", - "@wrnexus/core": "^0.2.60", - "@wrnexus/csr": "^0.2.60", - "@wrnexus/db": "^0.2.60", - "@wrnexus/dev-server": "^0.2.60", - "@wrnexus/encryption": "^0.2.60", - "@wrnexus/helpers": "^0.2.60", - "@wrnexus/i18n": "^0.2.60", - "@wrnexus/jwt": "^0.2.60", - "@wrnexus/mobile": "^0.2.60", - "@wrnexus/native": "^0.2.60", - "@wrnexus/oauth": "^0.2.60", - "@wrnexus/pubsub": "^0.2.60", - "@wrnexus/queue": "^0.2.60", - "@wrnexus/reactive": "^0.2.60", - "@wrnexus/router": "^0.2.60", - "@wrnexus/ssr": "^0.2.60", - "@wrnexus/styles": "^0.2.60", - "@wrnexus/test": "^0.2.60", - "@wrnexus/tracking": "^0.2.60", - "@wrnexus/ui": "^0.2.60", - "@wrnexus/uploader": "^0.2.60", - "@wrnexus/validation": "^0.2.60" + "@wrnexus/ai": "^0.2.61", + "@wrnexus/authz": "^0.2.61", + "@wrnexus/compiler": "^0.2.61", + "@wrnexus/core": "^0.2.61", + "@wrnexus/csr": "^0.2.61", + "@wrnexus/db": "^0.2.61", + "@wrnexus/dev-server": "^0.2.61", + "@wrnexus/encryption": "^0.2.61", + "@wrnexus/helpers": "^0.2.61", + "@wrnexus/i18n": "^0.2.61", + "@wrnexus/jwt": "^0.2.61", + "@wrnexus/mobile": "^0.2.61", + "@wrnexus/native": "^0.2.61", + "@wrnexus/oauth": "^0.2.61", + "@wrnexus/pubsub": "^0.2.61", + "@wrnexus/queue": "^0.2.61", + "@wrnexus/reactive": "^0.2.61", + "@wrnexus/router": "^0.2.61", + "@wrnexus/ssr": "^0.2.61", + "@wrnexus/styles": "^0.2.61", + "@wrnexus/test": "^0.2.61", + "@wrnexus/tracking": "^0.2.61", + "@wrnexus/ui": "^0.2.61", + "@wrnexus/uploader": "^0.2.61", + "@wrnexus/validation": "^0.2.61" }, "devDependencies": { "@eslint/js": "^9.0.0", "@tailwindcss/cli": "^4.0.0", "@types/bun": "latest", "@types/node": "^26.1.1", - "@wrnexus/cli": "^0.2.60", + "@wrnexus/cli": "^0.2.61", "eslint": "^9.0.0", "prettier": "latest", "tailwindcss": "^4.0.0", @@ -56,6 +56,6 @@ "typescript-eslint": "latest" }, "wrnexus": { - "version": "0.2.60" + "version": "0.2.61" } } diff --git a/public/docs-index.json b/public/docs-index.json index 6b55feb3..c2e0cb02 100644 --- a/public/docs-index.json +++ b/public/docs-index.json @@ -1,5 +1,5 @@ { - "version": "0.2.60", + "version": "0.2.61", "status": "private-developer-preview", "generatedAt": "2026-07-13", "documents": [ @@ -7,476 +7,476 @@ "url": "/", "title": "WRNexusJS", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/access", "title": "access", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/getting-started", "title": "getting started", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/tutorial", "title": "tutorial", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/architecture", "title": "architecture", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/language", "title": "language", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages", "title": "packages", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/project-structure", "title": "project structure", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/routing", "title": "routing", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/pages-and-components", "title": "pages and components", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/server-data", "title": "server data", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/api-routes", "title": "api routes", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/middleware", "title": "middleware", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/forms-and-validation", "title": "forms and validation", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/authentication", "title": "authentication", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/authorization", "title": "authorization", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/security", "title": "security", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/database", "title": "database", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/uploads", "title": "uploads", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/realtime", "title": "realtime", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/pubsub", "title": "pubsub", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/queues", "title": "queues", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "experimental" }, { "url": "/guides/testing", "title": "testing", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/workspaces-and-gateway", "title": "workspaces and gateway", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/deployment", "title": "deployment", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/configuration-and-profiles", "title": "configuration and profiles", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/i18n-and-themes", "title": "i18n and themes", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/mobile", "title": "mobile", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "experimental" }, { "url": "/guides/observability", "title": "observability", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/upgrading", "title": "upgrading", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/guides/troubleshooting", "title": "troubleshooting", "section": "guide", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/examples", "title": "examples", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/showcase", "title": "showcase", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/benchmarks", "title": "benchmarks", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/roadmap", "title": "roadmap", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/changelog", "title": "changelog", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { - "url": "/releases/0.2.60", - "title": "0.2.60", + "url": "/releases/0.2.61", + "title": "0.2.61", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/security", "title": "security", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/support", "title": "support", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/license", "title": "license", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/search", "title": "search", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/404", "title": "404", "section": "portal", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/ai", "title": "ai", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/authz", "title": "authz", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/cli", "title": "cli", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/compiler", "title": "compiler", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/core", "title": "core", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/csr", "title": "csr", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/db", "title": "db", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/dev-server", "title": "dev server", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/encryption", "title": "encryption", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/helpers", "title": "helpers", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/i18n", "title": "i18n", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/jwt", "title": "jwt", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/mobile", "title": "mobile", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "experimental" }, { "url": "/packages/native", "title": "native", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/oauth", "title": "oauth", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/pubsub", "title": "pubsub", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/queue", "title": "queue", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/reactive", "title": "reactive", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/router", "title": "router", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/ssr", "title": "ssr", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/styles", "title": "styles", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/test", "title": "test", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/tracking", "title": "tracking", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/ui", "title": "ui", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/uploader", "title": "uploader", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" }, { "url": "/packages/validation", "title": "validation", "section": "package", - "version": "0.2.60", + "version": "0.2.61", "stability": "preview" } ] diff --git a/public/llms-full.txt b/public/llms-full.txt index 8beaaac5..ec51ebd9 100644 --- a/public/llms-full.txt +++ b/public/llms-full.txt @@ -1,4 +1,4 @@ -# WRNexusJS 0.2.60 comprehensive documentation index +# WRNexusJS 0.2.61 comprehensive documentation index Status: Private Developer Preview. Runtime: Bun. UI language: .wrn. This is the documentation application, not the framework monorepo. @@ -39,7 +39,7 @@ This is the documentation application, not the framework monorepo. - https://wrnexusjs.dev/benchmarks - https://wrnexusjs.dev/roadmap - https://wrnexusjs.dev/changelog -- https://wrnexusjs.dev/releases/0.2.60 +- https://wrnexusjs.dev/releases/0.2.61 - https://wrnexusjs.dev/security - https://wrnexusjs.dev/support - https://wrnexusjs.dev/license @@ -149,7 +149,7 @@ Events: none ### Accordion Mount: data-component="Accordion" Category: content -Props: title: string = "Question", open: boolean = false +Props: class: string = "", title: string = "Question", open: boolean = false Slots: default Events: click @@ -219,7 +219,7 @@ Events: none ### Alert Mount: data-component="Alert" Category: feedback -Props: title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false Slots: default Events: click @@ -254,7 +254,7 @@ Events: none ### AnnouncementBar Mount: data-component="AnnouncementBar" Category: core -Props: badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" +Props: class: string = "", badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" Slots: none Events: click @@ -275,7 +275,7 @@ Events: none ### ApiEndpointCard Mount: data-component="ApiEndpointCard" Category: content -Props: method: string = "GET", path: string = "/api/example", description: string = "" +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" Slots: default Events: none @@ -527,7 +527,7 @@ Events: none ### Avatar Mount: data-component="Avatar" Category: content -Props: src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" Slots: none Events: none @@ -555,14 +555,14 @@ Events: none ### BackToTop Mount: data-component="BackToTop" Category: core -Props: label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 +Props: class: string = "", label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 Slots: none Events: click ### Badge Mount: data-component="Badge" Category: feedback -Props: label: string = "Badge", variant: string = "neutral" +Props: class: string = "", label: string = "Badge", variant: string = "neutral" Slots: none Events: none @@ -576,7 +576,7 @@ Events: none ### Banner Mount: data-component="Banner" Category: feedback -Props: text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" Slots: none Events: none @@ -688,7 +688,7 @@ Events: none ### Breadcrumbs Mount: data-component="Breadcrumbs" Category: core -Props: homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page" +Props: class: string = "", homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page" Slots: none Events: none @@ -1010,7 +1010,7 @@ Events: none ### Checkbox Mount: data-component="Checkbox" Category: core -Props: id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: none @@ -1101,7 +1101,7 @@ Events: none ### CodeBlock Mount: data-component="CodeBlock" Category: content -Props: language: string = "text", filename: string = "", code: string = "" +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" Slots: none Events: click @@ -1423,7 +1423,7 @@ Events: none ### CookieBanner Mount: data-component="CookieBanner" Category: feedback -Props: title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" +Props: class: string = "", title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" Slots: none Events: click @@ -1577,7 +1577,7 @@ Events: none ### CTASection Mount: data-component="CTASection" Category: layout -Props: eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" +Props: class: string = "", eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" Slots: none Events: none @@ -1647,14 +1647,14 @@ Events: none ### DateInput Mount: data-component="DateInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none ### DatePicker Mount: data-component="DatePicker" Category: forms -Props: id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Props: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false Slots: none Events: none @@ -1668,7 +1668,7 @@ Events: none ### DateRangePicker Mount: data-component="DateRangePicker" Category: forms -Props: label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" Slots: none Events: none @@ -1682,7 +1682,7 @@ Events: none ### DateTimeInput Mount: data-component="DateTimeInput" Category: forms -Props: id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -1927,14 +1927,14 @@ Events: none ### Drawer Mount: data-component="Drawer" Category: core -Props: title: string = "Panel", open: boolean = false, side: string = "right" +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" Slots: default Events: click ### DropdownMenu Mount: data-component="DropdownMenu" Category: overlays -Props: label: string = "Menu" +Props: class: string = "", label: string = "Menu" Slots: default Events: click @@ -1990,7 +1990,7 @@ Events: none ### EmailInput Mount: data-component="EmailInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -2004,7 +2004,7 @@ Events: none ### EmptyState Mount: data-component="EmptyState" Category: feedback -Props: icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#" +Props: class: string = "", icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#" Slots: none Events: none @@ -2102,7 +2102,7 @@ Events: none ### ErrorState Mount: data-component="ErrorState" Category: feedback -Props: code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/" +Props: class: string = "", code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/" Slots: none Events: none @@ -2186,14 +2186,14 @@ Events: none ### FAQ Mount: data-component="FAQ" Category: core -Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 Slots: none Events: none ### FAQAccordion Mount: data-component="FAQAccordion" Category: core -Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" Slots: none Events: click @@ -2214,7 +2214,7 @@ Events: none ### FeatureCard Mount: data-component="FeatureCard" Category: content -Props: icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" Slots: none Events: none @@ -2340,7 +2340,7 @@ Events: none ### FileUpload Mount: data-component="FileUpload" Category: content -Props: id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" +Props: class: string = "", id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" Slots: none Events: none @@ -2487,14 +2487,14 @@ Events: none ### FormErrorSummary Mount: data-component="FormErrorSummary" Category: content -Props: title: string = "Please fix the following", visible: boolean = true +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true Slots: default Events: none ### FormField Mount: data-component="FormField" Category: forms -Props: label: string = "Field", help: string = "", error: string = "", required: boolean = false +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false Slots: default Events: none @@ -2690,7 +2690,7 @@ Events: none ### Hero Mount: data-component="Hero" Category: layout -Props: eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" +Props: class: string = "", eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" Slots: default Events: none @@ -2823,7 +2823,7 @@ Events: none ### IconButton Mount: data-component="IconButton" Category: actions -Props: label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false Slots: none Events: none @@ -3180,7 +3180,7 @@ Events: none ### LegalDocumentLayout Mount: data-component="LegalDocumentLayout" Category: layout -Props: title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" Slots: toc, default Events: none @@ -3355,7 +3355,7 @@ Events: none ### LogoCloud Mount: data-component="LogoCloud" Category: core -Props: title: string = "Trusted by modern teams" +Props: class: string = "", title: string = "Trusted by modern teams" Slots: default Events: none @@ -3607,7 +3607,7 @@ Events: none ### Modal Mount: data-component="Modal" Category: core -Props: title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" Slots: default Events: click @@ -3768,7 +3768,7 @@ Events: none ### NumberInput Mount: data-component="NumberInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -3845,7 +3845,7 @@ Events: none ### OtpInput Mount: data-component="OtpInput" Category: forms -Props: name: string = "otp", length: number = 6, label: string = "Verification code" +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" Slots: none Events: none @@ -3894,7 +3894,7 @@ Events: none ### Pagination Mount: data-component="Pagination" Category: core -Props: page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#" +Props: class: string = "", page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#" Slots: none Events: none @@ -3936,7 +3936,7 @@ Events: none ### PasswordInput Mount: data-component="PasswordInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -3999,7 +3999,7 @@ Events: none ### PhoneInput Mount: data-component="PhoneInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -4209,7 +4209,7 @@ Events: none ### PricingPlanCard Mount: data-component="PricingPlanCard" Category: content -Props: name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" +Props: class: string = "", name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" Slots: default Events: none @@ -4398,7 +4398,7 @@ Events: none ### ProgressBar Mount: data-component="ProgressBar" Category: core -Props: value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true Slots: none Events: none @@ -4468,14 +4468,14 @@ Events: none ### PublicFooter Mount: data-component="PublicFooter" Category: core -Props: brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace" +Props: class: string = "", brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace" Slots: default Events: none ### PublicHeader Mount: data-component="PublicHeader" Category: layout -Props: brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started" +Props: class: string = "", brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started" Slots: default, mobile Events: click @@ -4552,14 +4552,14 @@ Events: none ### Radio Mount: data-component="Radio" Category: core -Props: id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: none ### RadioGroup Mount: data-component="RadioGroup" Category: forms -Props: label: string = "Choose one", name: string = "choice" +Props: class: string = "", label: string = "Choose one", name: string = "choice" Slots: default Events: none @@ -4916,7 +4916,7 @@ Events: none ### SchedulePicker Mount: data-component="SchedulePicker" Category: forms -Props: label: string = "Schedule" +Props: class: string = "", label: string = "Schedule" Slots: none Events: none @@ -4993,7 +4993,7 @@ Events: none ### SearchInput Mount: data-component="SearchInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -5063,7 +5063,7 @@ Events: none ### SectionHeader Mount: data-component="SectionHeader" Category: layout -Props: eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" Slots: default Events: none @@ -5126,7 +5126,7 @@ Events: none ### Select Mount: data-component="Select" Category: core -Props: id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false Slots: default Events: none @@ -5378,7 +5378,7 @@ Events: none ### Spinner Mount: data-component="Spinner" Category: core -Props: label: string = "Loading", size: string = "md" +Props: class: string = "", label: string = "Loading", size: string = "md" Slots: none Events: none @@ -5434,7 +5434,7 @@ Events: none ### StatCard Mount: data-component="StatCard" Category: content -Props: label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" Slots: none Events: none @@ -5448,7 +5448,7 @@ Events: none ### StatusBadge Mount: data-component="StatusBadge" Category: feedback -Props: status: string = "operational" +Props: class: string = "", status: string = "operational" Slots: none Events: none @@ -5595,14 +5595,14 @@ Events: none ### Switch Mount: data-component="Switch" Category: core -Props: id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: click ### Table Mount: data-component="Table" Category: data -Props: caption: string = "Data table", responsive: boolean = true +Props: class: string = "", caption: string = "Data table", responsive: boolean = true Slots: default Events: none @@ -5630,7 +5630,7 @@ Events: none ### Tabs Mount: data-component="Tabs" Category: content -Props: active: string = "first" +Props: class: string = "", active: string = "first" Slots: first, second Events: click @@ -5721,7 +5721,7 @@ Events: none ### TestimonialCard Mount: data-component="TestimonialCard" Category: content -Props: quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" Slots: none Events: none @@ -5742,14 +5742,14 @@ Events: none ### Textarea Mount: data-component="Textarea" Category: core -Props: id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false Slots: none Events: none ### TextInput Mount: data-component="TextInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -5791,14 +5791,14 @@ Events: none ### TimeInput Mount: data-component="TimeInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none ### Timeline Mount: data-component="Timeline" Category: visualization -Props: title: string = "Timeline" +Props: class: string = "", title: string = "Timeline" Slots: default Events: none @@ -5812,7 +5812,7 @@ Events: none ### TimelineItem Mount: data-component="TimelineItem" Category: content -Props: title: string = "Event", date: string = "", description: string = "", status: string = "default" +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" Slots: none Events: none @@ -5847,14 +5847,14 @@ Events: none ### TimezoneSelector Mount: data-component="TimezoneSelector" Category: forms -Props: id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" Slots: none Events: none ### Toast Mount: data-component="Toast" Category: core -Props: title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 Slots: none Events: click @@ -5903,7 +5903,7 @@ Events: none ### Tooltip Mount: data-component="Tooltip" Category: content -Props: text: string = "Helpful information", position: string = "top" +Props: class: string = "", text: string = "Helpful information", position: string = "top" Slots: default Events: none @@ -6015,7 +6015,7 @@ Events: none ### UrlInput Mount: data-component="UrlInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none diff --git a/public/llms.txt b/public/llms.txt index 5fe34709..0dd16359 100644 --- a/public/llms.txt +++ b/public/llms.txt @@ -1,4 +1,4 @@ -# WRNexusJS documentation 0.2.60 +# WRNexusJS documentation 0.2.61 Status: Private Developer Preview. This site documents 26 release-aligned packages. @@ -356,7 +356,7 @@ Events: none ### Accordion Mount: data-component="Accordion" Category: content -Props: title: string = "Question", open: boolean = false +Props: class: string = "", title: string = "Question", open: boolean = false Slots: default Events: click @@ -426,7 +426,7 @@ Events: none ### Alert Mount: data-component="Alert" Category: feedback -Props: title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false Slots: default Events: click @@ -461,7 +461,7 @@ Events: none ### AnnouncementBar Mount: data-component="AnnouncementBar" Category: core -Props: badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" +Props: class: string = "", badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" Slots: none Events: click @@ -482,7 +482,7 @@ Events: none ### ApiEndpointCard Mount: data-component="ApiEndpointCard" Category: content -Props: method: string = "GET", path: string = "/api/example", description: string = "" +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" Slots: default Events: none @@ -734,7 +734,7 @@ Events: none ### Avatar Mount: data-component="Avatar" Category: content -Props: src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" Slots: none Events: none @@ -762,14 +762,14 @@ Events: none ### BackToTop Mount: data-component="BackToTop" Category: core -Props: label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 +Props: class: string = "", label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 Slots: none Events: click ### Badge Mount: data-component="Badge" Category: feedback -Props: label: string = "Badge", variant: string = "neutral" +Props: class: string = "", label: string = "Badge", variant: string = "neutral" Slots: none Events: none @@ -783,7 +783,7 @@ Events: none ### Banner Mount: data-component="Banner" Category: feedback -Props: text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" Slots: none Events: none @@ -895,7 +895,7 @@ Events: none ### Breadcrumbs Mount: data-component="Breadcrumbs" Category: core -Props: homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page" +Props: class: string = "", homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page" Slots: none Events: none @@ -1217,7 +1217,7 @@ Events: none ### Checkbox Mount: data-component="Checkbox" Category: core -Props: id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: none @@ -1308,7 +1308,7 @@ Events: none ### CodeBlock Mount: data-component="CodeBlock" Category: content -Props: language: string = "text", filename: string = "", code: string = "" +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" Slots: none Events: click @@ -1630,7 +1630,7 @@ Events: none ### CookieBanner Mount: data-component="CookieBanner" Category: feedback -Props: title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" +Props: class: string = "", title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" Slots: none Events: click @@ -1784,7 +1784,7 @@ Events: none ### CTASection Mount: data-component="CTASection" Category: layout -Props: eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" +Props: class: string = "", eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" Slots: none Events: none @@ -1854,14 +1854,14 @@ Events: none ### DateInput Mount: data-component="DateInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none ### DatePicker Mount: data-component="DatePicker" Category: forms -Props: id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Props: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false Slots: none Events: none @@ -1875,7 +1875,7 @@ Events: none ### DateRangePicker Mount: data-component="DateRangePicker" Category: forms -Props: label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" Slots: none Events: none @@ -1889,7 +1889,7 @@ Events: none ### DateTimeInput Mount: data-component="DateTimeInput" Category: forms -Props: id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -2134,14 +2134,14 @@ Events: none ### Drawer Mount: data-component="Drawer" Category: core -Props: title: string = "Panel", open: boolean = false, side: string = "right" +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" Slots: default Events: click ### DropdownMenu Mount: data-component="DropdownMenu" Category: overlays -Props: label: string = "Menu" +Props: class: string = "", label: string = "Menu" Slots: default Events: click @@ -2197,7 +2197,7 @@ Events: none ### EmailInput Mount: data-component="EmailInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -2211,7 +2211,7 @@ Events: none ### EmptyState Mount: data-component="EmptyState" Category: feedback -Props: icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#" +Props: class: string = "", icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#" Slots: none Events: none @@ -2309,7 +2309,7 @@ Events: none ### ErrorState Mount: data-component="ErrorState" Category: feedback -Props: code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/" +Props: class: string = "", code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/" Slots: none Events: none @@ -2393,14 +2393,14 @@ Events: none ### FAQ Mount: data-component="FAQ" Category: core -Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 Slots: none Events: none ### FAQAccordion Mount: data-component="FAQAccordion" Category: core -Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" Slots: none Events: click @@ -2421,7 +2421,7 @@ Events: none ### FeatureCard Mount: data-component="FeatureCard" Category: content -Props: icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" Slots: none Events: none @@ -2547,7 +2547,7 @@ Events: none ### FileUpload Mount: data-component="FileUpload" Category: content -Props: id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" +Props: class: string = "", id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" Slots: none Events: none @@ -2694,14 +2694,14 @@ Events: none ### FormErrorSummary Mount: data-component="FormErrorSummary" Category: content -Props: title: string = "Please fix the following", visible: boolean = true +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true Slots: default Events: none ### FormField Mount: data-component="FormField" Category: forms -Props: label: string = "Field", help: string = "", error: string = "", required: boolean = false +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false Slots: default Events: none @@ -2897,7 +2897,7 @@ Events: none ### Hero Mount: data-component="Hero" Category: layout -Props: eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" +Props: class: string = "", eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" Slots: default Events: none @@ -3030,7 +3030,7 @@ Events: none ### IconButton Mount: data-component="IconButton" Category: actions -Props: label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false Slots: none Events: none @@ -3387,7 +3387,7 @@ Events: none ### LegalDocumentLayout Mount: data-component="LegalDocumentLayout" Category: layout -Props: title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" Slots: toc, default Events: none @@ -3562,7 +3562,7 @@ Events: none ### LogoCloud Mount: data-component="LogoCloud" Category: core -Props: title: string = "Trusted by modern teams" +Props: class: string = "", title: string = "Trusted by modern teams" Slots: default Events: none @@ -3814,7 +3814,7 @@ Events: none ### Modal Mount: data-component="Modal" Category: core -Props: title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" Slots: default Events: click @@ -3975,7 +3975,7 @@ Events: none ### NumberInput Mount: data-component="NumberInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -4052,7 +4052,7 @@ Events: none ### OtpInput Mount: data-component="OtpInput" Category: forms -Props: name: string = "otp", length: number = 6, label: string = "Verification code" +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" Slots: none Events: none @@ -4101,7 +4101,7 @@ Events: none ### Pagination Mount: data-component="Pagination" Category: core -Props: page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#" +Props: class: string = "", page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#" Slots: none Events: none @@ -4143,7 +4143,7 @@ Events: none ### PasswordInput Mount: data-component="PasswordInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -4206,7 +4206,7 @@ Events: none ### PhoneInput Mount: data-component="PhoneInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -4416,7 +4416,7 @@ Events: none ### PricingPlanCard Mount: data-component="PricingPlanCard" Category: content -Props: name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" +Props: class: string = "", name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" Slots: default Events: none @@ -4605,7 +4605,7 @@ Events: none ### ProgressBar Mount: data-component="ProgressBar" Category: core -Props: value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true Slots: none Events: none @@ -4675,14 +4675,14 @@ Events: none ### PublicFooter Mount: data-component="PublicFooter" Category: core -Props: brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace" +Props: class: string = "", brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace" Slots: default Events: none ### PublicHeader Mount: data-component="PublicHeader" Category: layout -Props: brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started" +Props: class: string = "", brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started" Slots: default, mobile Events: click @@ -4759,14 +4759,14 @@ Events: none ### Radio Mount: data-component="Radio" Category: core -Props: id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: none ### RadioGroup Mount: data-component="RadioGroup" Category: forms -Props: label: string = "Choose one", name: string = "choice" +Props: class: string = "", label: string = "Choose one", name: string = "choice" Slots: default Events: none @@ -5123,7 +5123,7 @@ Events: none ### SchedulePicker Mount: data-component="SchedulePicker" Category: forms -Props: label: string = "Schedule" +Props: class: string = "", label: string = "Schedule" Slots: none Events: none @@ -5200,7 +5200,7 @@ Events: none ### SearchInput Mount: data-component="SearchInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -5270,7 +5270,7 @@ Events: none ### SectionHeader Mount: data-component="SectionHeader" Category: layout -Props: eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" Slots: default Events: none @@ -5333,7 +5333,7 @@ Events: none ### Select Mount: data-component="Select" Category: core -Props: id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false Slots: default Events: none @@ -5585,7 +5585,7 @@ Events: none ### Spinner Mount: data-component="Spinner" Category: core -Props: label: string = "Loading", size: string = "md" +Props: class: string = "", label: string = "Loading", size: string = "md" Slots: none Events: none @@ -5641,7 +5641,7 @@ Events: none ### StatCard Mount: data-component="StatCard" Category: content -Props: label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" Slots: none Events: none @@ -5655,7 +5655,7 @@ Events: none ### StatusBadge Mount: data-component="StatusBadge" Category: feedback -Props: status: string = "operational" +Props: class: string = "", status: string = "operational" Slots: none Events: none @@ -5802,14 +5802,14 @@ Events: none ### Switch Mount: data-component="Switch" Category: core -Props: id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: click ### Table Mount: data-component="Table" Category: data -Props: caption: string = "Data table", responsive: boolean = true +Props: class: string = "", caption: string = "Data table", responsive: boolean = true Slots: default Events: none @@ -5837,7 +5837,7 @@ Events: none ### Tabs Mount: data-component="Tabs" Category: content -Props: active: string = "first" +Props: class: string = "", active: string = "first" Slots: first, second Events: click @@ -5928,7 +5928,7 @@ Events: none ### TestimonialCard Mount: data-component="TestimonialCard" Category: content -Props: quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" Slots: none Events: none @@ -5949,14 +5949,14 @@ Events: none ### Textarea Mount: data-component="Textarea" Category: core -Props: id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false Slots: none Events: none ### TextInput Mount: data-component="TextInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -5998,14 +5998,14 @@ Events: none ### TimeInput Mount: data-component="TimeInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none ### Timeline Mount: data-component="Timeline" Category: visualization -Props: title: string = "Timeline" +Props: class: string = "", title: string = "Timeline" Slots: default Events: none @@ -6019,7 +6019,7 @@ Events: none ### TimelineItem Mount: data-component="TimelineItem" Category: content -Props: title: string = "Event", date: string = "", description: string = "", status: string = "default" +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" Slots: none Events: none @@ -6054,14 +6054,14 @@ Events: none ### TimezoneSelector Mount: data-component="TimezoneSelector" Category: forms -Props: id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" Slots: none Events: none ### Toast Mount: data-component="Toast" Category: core -Props: title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 Slots: none Events: click @@ -6110,7 +6110,7 @@ Events: none ### Tooltip Mount: data-component="Tooltip" Category: content -Props: text: string = "Helpful information", position: string = "top" +Props: class: string = "", text: string = "Helpful information", position: string = "top" Slots: default Events: none @@ -6222,7 +6222,7 @@ Events: none ### UrlInput Mount: data-component="UrlInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -6597,7 +6597,7 @@ Events: none ### Accordion Mount: data-component="Accordion" Category: content -Props: title: string = "Question", open: boolean = false +Props: class: string = "", title: string = "Question", open: boolean = false Slots: default Events: click @@ -6667,7 +6667,7 @@ Events: none ### Alert Mount: data-component="Alert" Category: feedback -Props: title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false Slots: default Events: click @@ -6702,7 +6702,7 @@ Events: none ### AnnouncementBar Mount: data-component="AnnouncementBar" Category: core -Props: badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" +Props: class: string = "", badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" Slots: none Events: click @@ -6723,7 +6723,7 @@ Events: none ### ApiEndpointCard Mount: data-component="ApiEndpointCard" Category: content -Props: method: string = "GET", path: string = "/api/example", description: string = "" +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" Slots: default Events: none @@ -6975,7 +6975,7 @@ Events: none ### Avatar Mount: data-component="Avatar" Category: content -Props: src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" Slots: none Events: none @@ -7003,14 +7003,14 @@ Events: none ### BackToTop Mount: data-component="BackToTop" Category: core -Props: label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 +Props: class: string = "", label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 Slots: none Events: click ### Badge Mount: data-component="Badge" Category: feedback -Props: label: string = "Badge", variant: string = "neutral" +Props: class: string = "", label: string = "Badge", variant: string = "neutral" Slots: none Events: none @@ -7024,7 +7024,7 @@ Events: none ### Banner Mount: data-component="Banner" Category: feedback -Props: text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" Slots: none Events: none @@ -7136,7 +7136,7 @@ Events: none ### Breadcrumbs Mount: data-component="Breadcrumbs" Category: core -Props: homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page" +Props: class: string = "", homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page" Slots: none Events: none @@ -7458,7 +7458,7 @@ Events: none ### Checkbox Mount: data-component="Checkbox" Category: core -Props: id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: none @@ -7549,7 +7549,7 @@ Events: none ### CodeBlock Mount: data-component="CodeBlock" Category: content -Props: language: string = "text", filename: string = "", code: string = "" +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" Slots: none Events: click @@ -7871,7 +7871,7 @@ Events: none ### CookieBanner Mount: data-component="CookieBanner" Category: feedback -Props: title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" +Props: class: string = "", title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" Slots: none Events: click @@ -8025,7 +8025,7 @@ Events: none ### CTASection Mount: data-component="CTASection" Category: layout -Props: eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" +Props: class: string = "", eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" Slots: none Events: none @@ -8095,14 +8095,14 @@ Events: none ### DateInput Mount: data-component="DateInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none ### DatePicker Mount: data-component="DatePicker" Category: forms -Props: id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Props: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false Slots: none Events: none @@ -8116,7 +8116,7 @@ Events: none ### DateRangePicker Mount: data-component="DateRangePicker" Category: forms -Props: label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" Slots: none Events: none @@ -8130,7 +8130,7 @@ Events: none ### DateTimeInput Mount: data-component="DateTimeInput" Category: forms -Props: id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -8375,14 +8375,14 @@ Events: none ### Drawer Mount: data-component="Drawer" Category: core -Props: title: string = "Panel", open: boolean = false, side: string = "right" +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" Slots: default Events: click ### DropdownMenu Mount: data-component="DropdownMenu" Category: overlays -Props: label: string = "Menu" +Props: class: string = "", label: string = "Menu" Slots: default Events: click @@ -8438,7 +8438,7 @@ Events: none ### EmailInput Mount: data-component="EmailInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -8452,7 +8452,7 @@ Events: none ### EmptyState Mount: data-component="EmptyState" Category: feedback -Props: icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#" +Props: class: string = "", icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: string = "#" Slots: none Events: none @@ -8550,7 +8550,7 @@ Events: none ### ErrorState Mount: data-component="ErrorState" Category: feedback -Props: code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/" +Props: class: string = "", code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/" Slots: none Events: none @@ -8634,14 +8634,14 @@ Events: none ### FAQ Mount: data-component="FAQ" Category: core -Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 Slots: none Events: none ### FAQAccordion Mount: data-component="FAQAccordion" Category: core -Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" Slots: none Events: click @@ -8662,7 +8662,7 @@ Events: none ### FeatureCard Mount: data-component="FeatureCard" Category: content -Props: icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" Slots: none Events: none @@ -8788,7 +8788,7 @@ Events: none ### FileUpload Mount: data-component="FileUpload" Category: content -Props: id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" +Props: class: string = "", id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" Slots: none Events: none @@ -8935,14 +8935,14 @@ Events: none ### FormErrorSummary Mount: data-component="FormErrorSummary" Category: content -Props: title: string = "Please fix the following", visible: boolean = true +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true Slots: default Events: none ### FormField Mount: data-component="FormField" Category: forms -Props: label: string = "Field", help: string = "", error: string = "", required: boolean = false +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false Slots: default Events: none @@ -9138,7 +9138,7 @@ Events: none ### Hero Mount: data-component="Hero" Category: layout -Props: eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" +Props: class: string = "", eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" Slots: default Events: none @@ -9271,7 +9271,7 @@ Events: none ### IconButton Mount: data-component="IconButton" Category: actions -Props: label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false Slots: none Events: none @@ -9628,7 +9628,7 @@ Events: none ### LegalDocumentLayout Mount: data-component="LegalDocumentLayout" Category: layout -Props: title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" Slots: toc, default Events: none @@ -9803,7 +9803,7 @@ Events: none ### LogoCloud Mount: data-component="LogoCloud" Category: core -Props: title: string = "Trusted by modern teams" +Props: class: string = "", title: string = "Trusted by modern teams" Slots: default Events: none @@ -10055,7 +10055,7 @@ Events: none ### Modal Mount: data-component="Modal" Category: core -Props: title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" Slots: default Events: click @@ -10216,7 +10216,7 @@ Events: none ### NumberInput Mount: data-component="NumberInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -10293,7 +10293,7 @@ Events: none ### OtpInput Mount: data-component="OtpInput" Category: forms -Props: name: string = "otp", length: number = 6, label: string = "Verification code" +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" Slots: none Events: none @@ -10342,7 +10342,7 @@ Events: none ### Pagination Mount: data-component="Pagination" Category: core -Props: page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#" +Props: class: string = "", page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#" Slots: none Events: none @@ -10384,7 +10384,7 @@ Events: none ### PasswordInput Mount: data-component="PasswordInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -10447,7 +10447,7 @@ Events: none ### PhoneInput Mount: data-component="PhoneInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -10657,7 +10657,7 @@ Events: none ### PricingPlanCard Mount: data-component="PricingPlanCard" Category: content -Props: name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" +Props: class: string = "", name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" Slots: default Events: none @@ -10846,7 +10846,7 @@ Events: none ### ProgressBar Mount: data-component="ProgressBar" Category: core -Props: value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true Slots: none Events: none @@ -10916,14 +10916,14 @@ Events: none ### PublicFooter Mount: data-component="PublicFooter" Category: core -Props: brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace" +Props: class: string = "", brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace" Slots: default Events: none ### PublicHeader Mount: data-component="PublicHeader" Category: layout -Props: brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started" +Props: class: string = "", brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started" Slots: default, mobile Events: click @@ -11000,14 +11000,14 @@ Events: none ### Radio Mount: data-component="Radio" Category: core -Props: id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: none ### RadioGroup Mount: data-component="RadioGroup" Category: forms -Props: label: string = "Choose one", name: string = "choice" +Props: class: string = "", label: string = "Choose one", name: string = "choice" Slots: default Events: none @@ -11364,7 +11364,7 @@ Events: none ### SchedulePicker Mount: data-component="SchedulePicker" Category: forms -Props: label: string = "Schedule" +Props: class: string = "", label: string = "Schedule" Slots: none Events: none @@ -11441,7 +11441,7 @@ Events: none ### SearchInput Mount: data-component="SearchInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -11511,7 +11511,7 @@ Events: none ### SectionHeader Mount: data-component="SectionHeader" Category: layout -Props: eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" Slots: default Events: none @@ -11574,7 +11574,7 @@ Events: none ### Select Mount: data-component="Select" Category: core -Props: id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false Slots: default Events: none @@ -11826,7 +11826,7 @@ Events: none ### Spinner Mount: data-component="Spinner" Category: core -Props: label: string = "Loading", size: string = "md" +Props: class: string = "", label: string = "Loading", size: string = "md" Slots: none Events: none @@ -11882,7 +11882,7 @@ Events: none ### StatCard Mount: data-component="StatCard" Category: content -Props: label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" Slots: none Events: none @@ -11896,7 +11896,7 @@ Events: none ### StatusBadge Mount: data-component="StatusBadge" Category: feedback -Props: status: string = "operational" +Props: class: string = "", status: string = "operational" Slots: none Events: none @@ -12043,14 +12043,14 @@ Events: none ### Switch Mount: data-component="Switch" Category: core -Props: id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false Slots: none Events: click ### Table Mount: data-component="Table" Category: data -Props: caption: string = "Data table", responsive: boolean = true +Props: class: string = "", caption: string = "Data table", responsive: boolean = true Slots: default Events: none @@ -12078,7 +12078,7 @@ Events: none ### Tabs Mount: data-component="Tabs" Category: content -Props: active: string = "first" +Props: class: string = "", active: string = "first" Slots: first, second Events: click @@ -12169,7 +12169,7 @@ Events: none ### TestimonialCard Mount: data-component="TestimonialCard" Category: content -Props: quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" Slots: none Events: none @@ -12190,14 +12190,14 @@ Events: none ### Textarea Mount: data-component="Textarea" Category: core -Props: id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Props: class: string = "", id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false Slots: none Events: none ### TextInput Mount: data-component="TextInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -12239,14 +12239,14 @@ Events: none ### TimeInput Mount: data-component="TimeInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none ### Timeline Mount: data-component="Timeline" Category: visualization -Props: title: string = "Timeline" +Props: class: string = "", title: string = "Timeline" Slots: default Events: none @@ -12260,7 +12260,7 @@ Events: none ### TimelineItem Mount: data-component="TimelineItem" Category: content -Props: title: string = "Event", date: string = "", description: string = "", status: string = "default" +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" Slots: none Events: none @@ -12295,14 +12295,14 @@ Events: none ### TimezoneSelector Mount: data-component="TimezoneSelector" Category: forms -Props: id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" Slots: none Events: none ### Toast Mount: data-component="Toast" Category: core -Props: title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 Slots: none Events: click @@ -12351,7 +12351,7 @@ Events: none ### Tooltip Mount: data-component="Tooltip" Category: content -Props: text: string = "Helpful information", position: string = "top" +Props: class: string = "", text: string = "Helpful information", position: string = "top" Slots: default Events: none @@ -12463,7 +12463,7 @@ Events: none ### UrlInput Mount: data-component="UrlInput" Category: forms -Props: id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Props: class: string = "", id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" Slots: none Events: none @@ -12763,7 +12763,7 @@ Events: none # Installed package documentation -The following README files and declarations come from the installed private 0.2.60 release. +The following README files and declarations come from the installed private 0.2.61 release. ## @wrnexus/ai diff --git a/public/sitemap.xml b/public/sitemap.xml index 23353b16..05742476 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -1,2 +1,2 @@ -https://wrnexusjs.dev/https://wrnexusjs.dev/accesshttps://wrnexusjs.dev/getting-startedhttps://wrnexusjs.dev/tutorialhttps://wrnexusjs.dev/architecturehttps://wrnexusjs.dev/languagehttps://wrnexusjs.dev/packageshttps://wrnexusjs.dev/guides/project-structurehttps://wrnexusjs.dev/guides/routinghttps://wrnexusjs.dev/guides/pages-and-componentshttps://wrnexusjs.dev/guides/server-datahttps://wrnexusjs.dev/guides/api-routeshttps://wrnexusjs.dev/guides/middlewarehttps://wrnexusjs.dev/guides/forms-and-validationhttps://wrnexusjs.dev/guides/authenticationhttps://wrnexusjs.dev/guides/authorizationhttps://wrnexusjs.dev/guides/securityhttps://wrnexusjs.dev/guides/databasehttps://wrnexusjs.dev/guides/uploadshttps://wrnexusjs.dev/guides/realtimehttps://wrnexusjs.dev/guides/pubsubhttps://wrnexusjs.dev/guides/queueshttps://wrnexusjs.dev/guides/testinghttps://wrnexusjs.dev/guides/workspaces-and-gatewayhttps://wrnexusjs.dev/guides/deploymenthttps://wrnexusjs.dev/guides/configuration-and-profileshttps://wrnexusjs.dev/guides/i18n-and-themeshttps://wrnexusjs.dev/guides/mobilehttps://wrnexusjs.dev/guides/observabilityhttps://wrnexusjs.dev/guides/upgradinghttps://wrnexusjs.dev/guides/troubleshootinghttps://wrnexusjs.dev/exampleshttps://wrnexusjs.dev/showcasehttps://wrnexusjs.dev/benchmarkshttps://wrnexusjs.dev/roadmaphttps://wrnexusjs.dev/changeloghttps://wrnexusjs.dev/releases/0.2.60https://wrnexusjs.dev/securityhttps://wrnexusjs.dev/supporthttps://wrnexusjs.dev/licensehttps://wrnexusjs.dev/searchhttps://wrnexusjs.dev/404https://wrnexusjs.dev/packages/aihttps://wrnexusjs.dev/packages/authzhttps://wrnexusjs.dev/packages/clihttps://wrnexusjs.dev/packages/compilerhttps://wrnexusjs.dev/packages/corehttps://wrnexusjs.dev/packages/csrhttps://wrnexusjs.dev/packages/dbhttps://wrnexusjs.dev/packages/dev-serverhttps://wrnexusjs.dev/packages/encryptionhttps://wrnexusjs.dev/packages/helpershttps://wrnexusjs.dev/packages/i18nhttps://wrnexusjs.dev/packages/jwthttps://wrnexusjs.dev/packages/mobilehttps://wrnexusjs.dev/packages/nativehttps://wrnexusjs.dev/packages/oauthhttps://wrnexusjs.dev/packages/pubsubhttps://wrnexusjs.dev/packages/queuehttps://wrnexusjs.dev/packages/reactivehttps://wrnexusjs.dev/packages/routerhttps://wrnexusjs.dev/packages/ssrhttps://wrnexusjs.dev/packages/styleshttps://wrnexusjs.dev/packages/testhttps://wrnexusjs.dev/packages/trackinghttps://wrnexusjs.dev/packages/uihttps://wrnexusjs.dev/packages/uploaderhttps://wrnexusjs.dev/packages/validation +https://wrnexusjs.dev/https://wrnexusjs.dev/accesshttps://wrnexusjs.dev/getting-startedhttps://wrnexusjs.dev/tutorialhttps://wrnexusjs.dev/architecturehttps://wrnexusjs.dev/languagehttps://wrnexusjs.dev/packageshttps://wrnexusjs.dev/guides/project-structurehttps://wrnexusjs.dev/guides/routinghttps://wrnexusjs.dev/guides/pages-and-componentshttps://wrnexusjs.dev/guides/server-datahttps://wrnexusjs.dev/guides/api-routeshttps://wrnexusjs.dev/guides/middlewarehttps://wrnexusjs.dev/guides/forms-and-validationhttps://wrnexusjs.dev/guides/authenticationhttps://wrnexusjs.dev/guides/authorizationhttps://wrnexusjs.dev/guides/securityhttps://wrnexusjs.dev/guides/databasehttps://wrnexusjs.dev/guides/uploadshttps://wrnexusjs.dev/guides/realtimehttps://wrnexusjs.dev/guides/pubsubhttps://wrnexusjs.dev/guides/queueshttps://wrnexusjs.dev/guides/testinghttps://wrnexusjs.dev/guides/workspaces-and-gatewayhttps://wrnexusjs.dev/guides/deploymenthttps://wrnexusjs.dev/guides/configuration-and-profileshttps://wrnexusjs.dev/guides/i18n-and-themeshttps://wrnexusjs.dev/guides/mobilehttps://wrnexusjs.dev/guides/observabilityhttps://wrnexusjs.dev/guides/upgradinghttps://wrnexusjs.dev/guides/troubleshootinghttps://wrnexusjs.dev/exampleshttps://wrnexusjs.dev/showcasehttps://wrnexusjs.dev/benchmarkshttps://wrnexusjs.dev/roadmaphttps://wrnexusjs.dev/changeloghttps://wrnexusjs.dev/releases/0.2.61https://wrnexusjs.dev/securityhttps://wrnexusjs.dev/supporthttps://wrnexusjs.dev/licensehttps://wrnexusjs.dev/searchhttps://wrnexusjs.dev/404https://wrnexusjs.dev/packages/aihttps://wrnexusjs.dev/packages/authzhttps://wrnexusjs.dev/packages/clihttps://wrnexusjs.dev/packages/compilerhttps://wrnexusjs.dev/packages/corehttps://wrnexusjs.dev/packages/csrhttps://wrnexusjs.dev/packages/dbhttps://wrnexusjs.dev/packages/dev-serverhttps://wrnexusjs.dev/packages/encryptionhttps://wrnexusjs.dev/packages/helpershttps://wrnexusjs.dev/packages/i18nhttps://wrnexusjs.dev/packages/jwthttps://wrnexusjs.dev/packages/mobilehttps://wrnexusjs.dev/packages/nativehttps://wrnexusjs.dev/packages/oauthhttps://wrnexusjs.dev/packages/pubsubhttps://wrnexusjs.dev/packages/queuehttps://wrnexusjs.dev/packages/reactivehttps://wrnexusjs.dev/packages/routerhttps://wrnexusjs.dev/packages/ssrhttps://wrnexusjs.dev/packages/styleshttps://wrnexusjs.dev/packages/testhttps://wrnexusjs.dev/packages/trackinghttps://wrnexusjs.dev/packages/uihttps://wrnexusjs.dev/packages/uploaderhttps://wrnexusjs.dev/packages/validation