From b190bbf41c05fb60365a745e2756b0f21a214ac5 Mon Sep 17 00:00:00 2001 From: Ajay Ghanwat Date: Sun, 19 Jul 2026 22:43:29 +0530 Subject: [PATCH] feat(docs): redesign portal with shared UI system --- app/pages/404.wrn | 5 +- app/pages/access.wrn | 7 +- app/pages/architecture.wrn | 5 +- app/pages/benchmarks.wrn | 5 +- app/pages/changelog.wrn | 5 +- app/pages/examples.wrn | 5 +- app/pages/getting-started.wrn | 5 +- app/pages/guides/api-routes.wrn | 5 +- app/pages/guides/authentication.wrn | 5 +- app/pages/guides/authorization.wrn | 5 +- .../guides/configuration-and-profiles.wrn | 5 +- app/pages/guides/database.wrn | 5 +- app/pages/guides/deployment.wrn | 5 +- app/pages/guides/forms-and-validation.wrn | 5 +- app/pages/guides/i18n-and-themes.wrn | 5 +- app/pages/guides/middleware.wrn | 5 +- app/pages/guides/mobile.wrn | 5 +- app/pages/guides/observability.wrn | 5 +- app/pages/guides/pages-and-components.wrn | 5 +- app/pages/guides/project-structure.wrn | 5 +- app/pages/guides/pubsub.wrn | 5 +- app/pages/guides/queues.wrn | 5 +- app/pages/guides/realtime.wrn | 5 +- app/pages/guides/routing.wrn | 5 +- app/pages/guides/security.wrn | 5 +- app/pages/guides/server-data.wrn | 5 +- app/pages/guides/testing.wrn | 5 +- app/pages/guides/troubleshooting.wrn | 5 +- app/pages/guides/upgrading.wrn | 5 +- app/pages/guides/uploads.wrn | 5 +- app/pages/guides/workspaces-and-gateway.wrn | 5 +- app/pages/index.wrn | 7 +- app/pages/language.wrn | 5 +- app/pages/license.wrn | 5 +- app/pages/packages.wrn | 5 +- app/pages/packages/ai.wrn | 5 +- app/pages/packages/authz.wrn | 5 +- app/pages/packages/cli.wrn | 5 +- app/pages/packages/compiler.wrn | 5 +- app/pages/packages/core.wrn | 5 +- app/pages/packages/csr.wrn | 5 +- app/pages/packages/db.wrn | 5 +- app/pages/packages/dev-server.wrn | 5 +- app/pages/packages/encryption.wrn | 5 +- app/pages/packages/helpers.wrn | 5 +- app/pages/packages/i18n.wrn | 5 +- app/pages/packages/jwt.wrn | 5 +- app/pages/packages/mobile.wrn | 5 +- app/pages/packages/native.wrn | 5 +- app/pages/packages/oauth.wrn | 5 +- app/pages/packages/pubsub.wrn | 5 +- app/pages/packages/queue.wrn | 5 +- app/pages/packages/reactive.wrn | 5 +- app/pages/packages/router.wrn | 5 +- app/pages/packages/ssr.wrn | 5 +- app/pages/packages/styles.wrn | 5 +- app/pages/packages/test.wrn | 5 +- app/pages/packages/tracking.wrn | 5 +- app/pages/packages/ui.wrn | 5 +- app/pages/packages/uploader.wrn | 5 +- app/pages/packages/validation.wrn | 5 +- app/pages/releases/0.2.15.wrn | 5 +- app/pages/releases/0.2.17.wrn | 5 +- app/pages/releases/0.2.18.wrn | 5 +- app/pages/releases/0.2.19.wrn | 5 +- app/pages/releases/0.2.20.wrn | 5 +- app/pages/releases/0.2.21.wrn | 5 +- app/pages/releases/0.2.22.wrn | 5 +- app/pages/releases/0.2.23.wrn | 5 +- app/pages/releases/0.2.24.wrn | 5 +- app/pages/releases/0.2.25.wrn | 5 +- app/pages/releases/0.2.26.wrn | 5 +- app/pages/releases/0.2.27.wrn | 5 +- app/pages/releases/0.2.28.wrn | 5 +- app/pages/releases/0.2.29.wrn | 5 +- app/pages/releases/0.2.30.wrn | 5 +- app/pages/releases/0.2.31.wrn | 5 +- app/pages/releases/0.2.32.wrn | 5 +- app/pages/releases/0.2.33.wrn | 5 +- app/pages/releases/0.2.34.wrn | 5 +- app/pages/releases/0.2.35.wrn | 5 +- app/pages/releases/0.2.36.wrn | 5 +- app/pages/releases/0.2.37.wrn | 5 +- app/pages/releases/0.2.38.wrn | 5 +- app/pages/releases/0.2.39.wrn | 5 +- app/pages/releases/0.2.40.wrn | 5 +- app/pages/releases/0.2.41.wrn | 5 +- app/pages/releases/0.2.42.wrn | 5 +- app/pages/releases/0.2.43.wrn | 5 +- app/pages/releases/0.2.44.wrn | 5 +- app/pages/releases/0.2.45.wrn | 5 +- app/pages/releases/0.2.46.wrn | 5 +- app/pages/releases/0.2.47.wrn | 5 +- app/pages/releases/0.2.48.wrn | 5 +- app/pages/releases/0.2.49.wrn | 5 +- app/pages/releases/0.2.50.wrn | 5 +- app/pages/releases/0.2.51.wrn | 5 +- app/pages/releases/0.2.52.wrn | 5 +- app/pages/releases/0.2.53.wrn | 5 +- app/pages/releases/0.2.54.wrn | 5 +- app/pages/releases/0.2.55.wrn | 5 +- app/pages/releases/0.2.56.wrn | 5 +- app/pages/releases/0.2.57.wrn | 5 +- app/pages/releases/0.2.58.wrn | 5 +- app/pages/releases/0.2.59.wrn | 5 +- app/pages/releases/0.2.60.wrn | 5 +- app/pages/releases/0.2.61.wrn | 5 +- app/pages/releases/0.2.62.wrn | 5 +- app/pages/releases/0.2.63.wrn | 5 +- app/pages/releases/0.2.64.wrn | 5 +- app/pages/roadmap.wrn | 5 +- app/pages/search.wrn | 5 +- app/pages/security.wrn | 5 +- app/pages/showcase.wrn | 5 +- app/pages/support.wrn | 5 +- app/pages/tutorial.wrn | 5 +- app/styles/global.css | 884 + public/llms.txt | 18933 ++++++++++++++++ scripts/generate-docs.ts | 5 +- scripts/generate-portal.ts | 34 +- 120 files changed, 20198 insertions(+), 242 deletions(-) diff --git a/app/pages/404.wrn b/app/pages/404.wrn index 0cf5cdc4..92953d2e 100644 --- a/app/pages/404.wrn +++ b/app/pages/404.wrn @@ -5,12 +5,13 @@ page Pagenotfound { canonical = "https://wrnexusjs.dev/404" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
- + +
} } \ No newline at end of file diff --git a/app/pages/access.wrn b/app/pages/access.wrn index 8d891712..011d4e69 100644 --- a/app/pages/access.wrn +++ b/app/pages/access.wrn @@ -5,12 +5,13 @@ page Access { canonical = "https://wrnexusjs.dev/access" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
-
Private Developer Preview

Request preview access

WRNexusJS 0.2.64 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.64 create my-app

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

- +

Request preview access

WRNexusJS 0.2.64 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.64 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 8d9073d3..280acbbb 100644 --- a/app/pages/architecture.wrn +++ b/app/pages/architecture.wrn @@ -5,12 +5,13 @@ page Architecture { canonical = "https://wrnexusjs.dev/architecture" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Framework architecture · 0.2.64

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 5cd33540..70e6279d 100644 --- a/app/pages/benchmarks.wrn +++ b/app/pages/benchmarks.wrn @@ -5,12 +5,13 @@ page Benchmarks { canonical = "https://wrnexusjs.dev/benchmarks" } view { - +
W WRNexusJS
Preview · v0.2.64
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 899c584e..1e19b92d 100644 --- a/app/pages/changelog.wrn +++ b/app/pages/changelog.wrn @@ -5,12 +5,13 @@ page Changelog { canonical = "https://wrnexusjs.dev/changelog" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation

Changelog

0.2.64 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.64. 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 6035b101..e0d2d931 100644 --- a/app/pages/examples.wrn +++ b/app/pages/examples.wrn @@ -5,12 +5,13 @@ page Examples { canonical = "https://wrnexusjs.dev/examples" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation

Examples

Examples are tied to installed 0.2.64 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 9d068d51..5311a64d 100644 --- a/app/pages/getting-started.wrn +++ b/app/pages/getting-started.wrn @@ -5,7 +5,7 @@ page Gettingstarted { canonical = "https://wrnexusjs.dev/getting-started" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
@@ -39,7 +39,8 @@ 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 25888232..128a9797 100644 --- a/app/pages/guides/api-routes.wrn +++ b/app/pages/guides/api-routes.wrn @@ -5,12 +5,13 @@ page APIroutes { canonical = "https://wrnexusjs.dev/guides/api-routes" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 0bc2d9e2..ed609aa0 100644 --- a/app/pages/guides/authentication.wrn +++ b/app/pages/guides/authentication.wrn @@ -5,12 +5,13 @@ page Authentication { canonical = "https://wrnexusjs.dev/guides/authentication" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 e50846dd..8b7a8aae 100644 --- a/app/pages/guides/authorization.wrn +++ b/app/pages/guides/authorization.wrn @@ -5,12 +5,13 @@ page Authorization { canonical = "https://wrnexusjs.dev/guides/authorization" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 ac283efd..929b9cb4 100644 --- a/app/pages/guides/configuration-and-profiles.wrn +++ b/app/pages/guides/configuration-and-profiles.wrn @@ -5,12 +5,13 @@ page Configurationandprofiles { canonical = "https://wrnexusjs.dev/guides/configuration-and-profiles" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 264a0586..fe5e4fcf 100644 --- a/app/pages/guides/database.wrn +++ b/app/pages/guides/database.wrn @@ -5,12 +5,13 @@ page Database { canonical = "https://wrnexusjs.dev/guides/database" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 b7f59b67..6c6eab96 100644 --- a/app/pages/guides/deployment.wrn +++ b/app/pages/guides/deployment.wrn @@ -5,12 +5,13 @@ page Deployment { canonical = "https://wrnexusjs.dev/guides/deployment" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 edba765d..f81301ac 100644 --- a/app/pages/guides/forms-and-validation.wrn +++ b/app/pages/guides/forms-and-validation.wrn @@ -5,12 +5,13 @@ page Formsandvalidation { canonical = "https://wrnexusjs.dev/guides/forms-and-validation" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 d428005e..f6a21443 100644 --- a/app/pages/guides/i18n-and-themes.wrn +++ b/app/pages/guides/i18n-and-themes.wrn @@ -5,12 +5,13 @@ page Internationalizationandthemes { canonical = "https://wrnexusjs.dev/guides/i18n-and-themes" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 240d8e61..c8e8a059 100644 --- a/app/pages/guides/middleware.wrn +++ b/app/pages/guides/middleware.wrn @@ -5,12 +5,13 @@ page Middleware { canonical = "https://wrnexusjs.dev/guides/middleware" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 bd25c496..9e868652 100644 --- a/app/pages/guides/mobile.wrn +++ b/app/pages/guides/mobile.wrn @@ -5,12 +5,13 @@ page Mobile { canonical = "https://wrnexusjs.dev/guides/mobile" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 b8ffe957..310227b1 100644 --- a/app/pages/guides/observability.wrn +++ b/app/pages/guides/observability.wrn @@ -5,12 +5,13 @@ page Observability { canonical = "https://wrnexusjs.dev/guides/observability" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 3082b92d..1a128ed2 100644 --- a/app/pages/guides/pages-and-components.wrn +++ b/app/pages/guides/pages-and-components.wrn @@ -5,12 +5,13 @@ page Pagesandcomponents { canonical = "https://wrnexusjs.dev/guides/pages-and-components" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 f3849d65..7aa5f9ae 100644 --- a/app/pages/guides/project-structure.wrn +++ b/app/pages/guides/project-structure.wrn @@ -5,12 +5,13 @@ page Projectstructure { canonical = "https://wrnexusjs.dev/guides/project-structure" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 2644fa1e..a09d1edf 100644 --- a/app/pages/guides/pubsub.wrn +++ b/app/pages/guides/pubsub.wrn @@ -5,12 +5,13 @@ page Pubsub { canonical = "https://wrnexusjs.dev/guides/pubsub" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 b424929c..0e0ad504 100644 --- a/app/pages/guides/queues.wrn +++ b/app/pages/guides/queues.wrn @@ -5,12 +5,13 @@ page Queues { canonical = "https://wrnexusjs.dev/guides/queues" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 ab011b15..c59de7a7 100644 --- a/app/pages/guides/realtime.wrn +++ b/app/pages/guides/realtime.wrn @@ -5,12 +5,13 @@ page Realtime { canonical = "https://wrnexusjs.dev/guides/realtime" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 306d7c8e..598ae6a0 100644 --- a/app/pages/guides/routing.wrn +++ b/app/pages/guides/routing.wrn @@ -5,12 +5,13 @@ page Routing { canonical = "https://wrnexusjs.dev/guides/routing" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 0ed7a661..a32c42d5 100644 --- a/app/pages/guides/security.wrn +++ b/app/pages/guides/security.wrn @@ -5,12 +5,13 @@ page Applicationsecurity { canonical = "https://wrnexusjs.dev/guides/security" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 38de475c..cb6fbe7d 100644 --- a/app/pages/guides/server-data.wrn +++ b/app/pages/guides/server-data.wrn @@ -5,12 +5,13 @@ page Serverdata { canonical = "https://wrnexusjs.dev/guides/server-data" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 d8e99428..e90dab21 100644 --- a/app/pages/guides/testing.wrn +++ b/app/pages/guides/testing.wrn @@ -5,12 +5,13 @@ page Testing { canonical = "https://wrnexusjs.dev/guides/testing" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 2285a85c..7690475a 100644 --- a/app/pages/guides/troubleshooting.wrn +++ b/app/pages/guides/troubleshooting.wrn @@ -5,12 +5,13 @@ page Troubleshooting { canonical = "https://wrnexusjs.dev/guides/troubleshooting" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 6bfb55ac..e94bdcb3 100644 --- a/app/pages/guides/upgrading.wrn +++ b/app/pages/guides/upgrading.wrn @@ -5,12 +5,13 @@ page Upgrading { canonical = "https://wrnexusjs.dev/guides/upgrading" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64.

Release scope

This guide describes installed 0.2.64 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 8c8cb194..db52b4c3 100644 --- a/app/pages/guides/uploads.wrn +++ b/app/pages/guides/uploads.wrn @@ -5,12 +5,13 @@ page Uploads { canonical = "https://wrnexusjs.dev/guides/uploads" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
Preview guide · 0.2.64

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.64 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 3441d58c..8e6e37e0 100644 --- a/app/pages/guides/workspaces-and-gateway.wrn +++ b/app/pages/guides/workspaces-and-gateway.wrn @@ -5,7 +5,7 @@ page Workspacesandgateway { canonical = "https://wrnexusjs.dev/guides/workspaces-and-gateway" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
@@ -29,7 +29,8 @@ export const GET = async (ctx: Context) => { 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.64 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 46a68d63..be1c24c9 100644 --- a/app/pages/index.wrn +++ b/app/pages/index.wrn @@ -5,11 +5,11 @@ page Home { canonical = "https://wrnexusjs.dev/" } view { - +
W WRNexusJS
Private preview · v0.2.64
Menu
-
Private Developer Preview

WRNexusJS v0.2.64

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 {
+      
WRNexusJS v0.2.64
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>
@@ -38,7 +38,8 @@ export const POST = async (ctx) => {
 
Production proof
WorkRoot
Public creator/company site and approved WRNexusJS production showcase.
wrnexusjs.dev
This documentation application runs WRNexusJS 0.2.64.
View deployment notes and showcase status →

 
Capability status
CapabilityStatusDetails
SSR, routing, compiler, APIsPreviewInstalled in 0.2.64; 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 c5bdcbf8..fb45a46d 100644 --- a/app/pages/language.wrn +++ b/app/pages/language.wrn @@ -5,7 +5,7 @@ page Thewrnlanguage { canonical = "https://wrnexusjs.dev/language" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
@@ -15,7 +15,8 @@ page Thewrnlanguage { 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 5403ed9f..4a32085f 100644 --- a/app/pages/license.wrn +++ b/app/pages/license.wrn @@ -5,12 +5,13 @@ page License { canonical = "https://wrnexusjs.dev/license" } view { - +
W WRNexusJS
Preview · v0.2.64
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 cbf50c84..936ca419 100644 --- a/app/pages/packages.wrn +++ b/app/pages/packages.wrn @@ -8,7 +8,7 @@ page Packages { view {
- +
W WRNexusJS @@ -93,7 +93,8 @@ page Packages { Security

@wrnexus/validation

Typed schemas, coercion, validation, and browser descriptors.

Open documentation → -
WRNexusJS 0.2.64 · 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 b27cbccc..c71e17db 100644 --- a/app/pages/packages/ai.wrn +++ b/app/pages/packages/ai.wrn @@ -6,7 +6,7 @@ page wrnexusai { view {
- +
W WRNexusJS @@ -202,7 +202,8 @@ export const POST = async (ctx) => { };
-
WRNexusJS 0.2.64 · 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 37a2b466..e1b965bf 100644 --- a/app/pages/packages/authz.wrn +++ b/app/pages/packages/authz.wrn @@ -6,7 +6,7 @@ page wrnexusauthz { view {
- +
W WRNexusJS @@ -227,7 +227,8 @@ app.put( );
-
WRNexusJS 0.2.64 · 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 5f926dcd..24e74d8b 100644 --- a/app/pages/packages/cli.wrn +++ b/app/pages/packages/cli.wrn @@ -6,7 +6,7 @@ page wrnexuscli { view {
- +
W WRNexusJS @@ -154,7 +154,8 @@ wrnexus update --latest wrnexus doctor
-
WRNexusJS 0.2.64 · 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 27c8b5ab..4d2db103 100644 --- a/app/pages/packages/compiler.wrn +++ b/app/pages/packages/compiler.wrn @@ -6,7 +6,7 @@ page wrnexuscompiler { view {
- +
W WRNexusJS @@ -404,7 +404,8 @@ lx.next(); // { type: "ident", value: "Home", pos: 5 &# lx.next(); // { type: "lbrace", value: "{", pos: 10 }
-
WRNexusJS 0.2.64 · 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 1e392840..2a45e7fe 100644 --- a/app/pages/packages/core.wrn +++ b/app/pages/packages/core.wrn @@ -6,7 +6,7 @@ page wrnexuscore { view {
- +
W WRNexusJS @@ -990,7 +990,8 @@ const registry = createRealtimeRegistry(); bridgeRealtime(registry, createPubSub(redisDriver(process.env.REDIS_URL)));
-
WRNexusJS 0.2.64 · 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 c66a496a..0036be46 100644 --- a/app/pages/packages/csr.wrn +++ b/app/pages/packages/csr.wrn @@ -6,7 +6,7 @@ page wrnexuscsr { view {
- +
W WRNexusJS @@ -252,7 +252,8 @@ room.on("chat", (msg) => console.log(msg.user, msg.text)); room.send({ type: "chat", user: "ada", text: "hi" });
-
WRNexusJS 0.2.64 · 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 7de39742..bd81ec8d 100644 --- a/app/pages/packages/db.wrn +++ b/app/pages/packages/db.wrn @@ -6,7 +6,7 @@ page wrnexusdb { view {
- +
W WRNexusJS @@ -341,7 +341,8 @@ await repo.insert({ email: "a@b.com" }); const active = await repo.find({ active: true });
-
WRNexusJS 0.2.64 · 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 2d696ed4..a78d2400 100644 --- a/app/pages/packages/dev-server.wrn +++ b/app/pages/packages/dev-server.wrn @@ -6,7 +6,7 @@ page wrnexusdevserver { view {
- +
W WRNexusJS @@ -695,7 +695,8 @@ await startGateway({ });
-
WRNexusJS 0.2.64 · 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 e4db6812..33c610b1 100644 --- a/app/pages/packages/encryption.wrn +++ b/app/pages/packages/encryption.wrn @@ -6,7 +6,7 @@ page wrnexusencryption { view {
- +
W WRNexusJS @@ -108,7 +108,8 @@ const ok = await hmacVerify(rawBody, webhookSecret, incomingSignatureHeader); if (!ok) throw new Error("Invalid webhook signature");
-
WRNexusJS 0.2.64 · 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 cd30bc3b..001b50ed 100644 --- a/app/pages/packages/helpers.wrn +++ b/app/pages/packages/helpers.wrn @@ -6,7 +6,7 @@ page wrnexushelpers { view {
- +
W WRNexusJS @@ -136,7 +136,8 @@ export const GET = async (ctx: Context) => { };
-
WRNexusJS 0.2.64 · 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 bf7c04e8..cd029ccf 100644 --- a/app/pages/packages/i18n.wrn +++ b/app/pages/packages/i18n.wrn @@ -6,7 +6,7 @@ page wrnexusi18n { view {
- +
W WRNexusJS @@ -232,7 +232,8 @@ formatRelativeTime(-3, "day", lang); // "3 days ago" plural(2, { one: "# item", other: "# items" }, lang); // "2 items"
-
WRNexusJS 0.2.64 · 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 b7fd4e09..a5e05252 100644 --- a/app/pages/packages/jwt.wrn +++ b/app/pages/packages/jwt.wrn @@ -6,7 +6,7 @@ page wrnexusjwt { view {
- +
W WRNexusJS @@ -165,7 +165,8 @@ app.use(jwtAuth({ secret: process.env.JWT_SECRET! })); app.use(jwtAuth({ secret: process.env.JWT_SECRET!, required: false }));
-
WRNexusJS 0.2.64 · 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 cfdd83c5..07b205e3 100644 --- a/app/pages/packages/mobile.wrn +++ b/app/pages/packages/mobile.wrn @@ -6,7 +6,7 @@ page wrnexusmobile { view {
- +
W WRNexusJS @@ -132,7 +132,8 @@ const network = mobile.plugin<NetworkPlugin>("Network"); const status = network ? await network.getStatus() : { connected: true, connectionType: "unknown" };
-
WRNexusJS 0.2.64 · 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 034ec8ed..a9d8816b 100644 --- a/app/pages/packages/native.wrn +++ b/app/pages/packages/native.wrn @@ -6,7 +6,7 @@ page wrnexusnative { view {
- +
W WRNexusJS @@ -124,7 +124,8 @@ const position = await native.run( );
-
WRNexusJS 0.2.64 · 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 48d404c4..819d8cf0 100644 --- a/app/pages/packages/oauth.wrn +++ b/app/pages/packages/oauth.wrn @@ -6,7 +6,7 @@ page wrnexusoauth { view {
- +
W WRNexusJS @@ -287,7 +287,8 @@ const gitlab = defineProvider({ });
-
WRNexusJS 0.2.64 · 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 9605fde4..c083caea 100644 --- a/app/pages/packages/pubsub.wrn +++ b/app/pages/packages/pubsub.wrn @@ -6,7 +6,7 @@ page wrnexuspubsub { view {
- +
W WRNexusJS @@ -147,7 +147,8 @@ await bus.publish("order:created", { id: 7 }); driver.close();
-
WRNexusJS 0.2.64 · 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 4fe42953..53c3ce62 100644 --- a/app/pages/packages/queue.wrn +++ b/app/pages/packages/queue.wrn @@ -6,7 +6,7 @@ page wrnexusqueue { view {
- +
W WRNexusJS @@ -190,7 +190,8 @@ clock = 5000; const ran = await queue.drain(); // => 1
-
WRNexusJS 0.2.64 · 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 4ed26ab0..322b473e 100644 --- a/app/pages/packages/reactive.wrn +++ b/app/pages/packages/reactive.wrn @@ -6,7 +6,7 @@ page wrnexusreactive { view {
- +
W WRNexusJS @@ -126,7 +126,8 @@ const user: Signal<{ name: string } | null> = signal(null); user.set({ name: "Ada" });
-
WRNexusJS 0.2.64 · 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 3df5e07b..70437914 100644 --- a/app/pages/packages/router.wrn +++ b/app/pages/packages/router.wrn @@ -6,7 +6,7 @@ page wrnexusrouter { view {
- +
W WRNexusJS @@ -250,7 +250,8 @@ const routes = sortRoutes([{ raw: "/posts/[slug]", file: " const m = matchRoute(routes, "/posts/hello"); // { route, params: { slug: "hello" } }
-
WRNexusJS 0.2.64 · 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 081c1416..f0f59302 100644 --- a/app/pages/packages/ssr.wrn +++ b/app/pages/packages/ssr.wrn @@ -6,7 +6,7 @@ page wrnexusssr { view {
- +
W WRNexusJS @@ -171,7 +171,8 @@ return new Response(html, { return new Response(html, { headers: { "content-type": "text/html; charset=utf-8" } });
-
WRNexusJS 0.2.64 · 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 5d56129c..84fe141f 100644 --- a/app/pages/packages/styles.wrn +++ b/app/pages/packages/styles.wrn @@ -6,7 +6,7 @@ page wrnexusstyles { view {
- +
W WRNexusJS @@ -616,7 +616,8 @@ const themeJs = renderThemeRuntime(theme); // served at THEME_JS_HREF
-
WRNexusJS 0.2.64 · 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 e07e8380..1d758a78 100644 --- a/app/pages/packages/test.wrn +++ b/app/pages/packages/test.wrn @@ -6,7 +6,7 @@ page wrnexustest { view {
- +
W WRNexusJS @@ -186,7 +186,8 @@ test("health endpoint", async () => { });
-
WRNexusJS 0.2.64 · 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 43adadc5..4752f284 100644 --- a/app/pages/packages/tracking.wrn +++ b/app/pages/packages/tracking.wrn @@ -6,7 +6,7 @@ page wrnexustracking { view {
- +
W WRNexusJS @@ -164,7 +164,8 @@ const tracker = createTracker({ tracker.addSink(anotherSink); // add more sinks later
-
WRNexusJS 0.2.64 · 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 6058f02e..e2685748 100644 --- a/app/pages/packages/ui.wrn +++ b/app/pages/packages/ui.wrn @@ -6,7 +6,7 @@ page wrnexusui { view {
- +
W WRNexusJS @@ -132,7 +132,8 @@ const router = buildRouter(appDir, { componentDirs: [uiComponentsDir()]  </div>

All 901 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.		class: string = ""
eyebrow: string = ""
title: string = "Stay up to date"
description: string = ""
placeholder: string = "Enter your email"
buttonLabel: string = "Subscribe"
action: string = "/newsletter/subscribe"
method: string = "post"
emailName: string = "email"
privacyLabel: string = ""
privacyHref: string = "/privacy"
successMessage: string = "You are subscribed."
errorMessage: string = "Something went wrong. Please try again."
iconClass: string = "icon-[lucide--mail]"
centered: boolean = false
compact: boolean = false
showIcon: boolean = true
showPrivacy: boolean = true
fullWidth: boolean = false		Nonesubmit
input
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 = ""
items: string = []
centered: boolean = false
compact: boolean = false
showHome: boolean = true
homeLabel: string = "Home"
homeHref: string = "/"		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
ContactSalesBanner
data-component="ContactSalesBanner"
Reusable contact sales banner component.		class: string = ""
eyebrow: string = "Enterprise identity"
title: string = "Ready to secure your next application?"
description: string = ""
primaryLabel: string = "Contact sales"
primaryHref: string = "/contact"
secondaryLabel: string = "Start free"
secondaryHref: string = "/sign-up"
iconClass: string = "icon-[lucide--messages-square]"
centered: boolean = false
compact: boolean = false
points: string = []
trustPoints: string = []		NoneNone
Container
data-component="Container"
Reusable container component.		size: string = "default"
className: string = ""		defaultNone
CookieConsent
data-component="CookieConsent"
Reusable cookie consent component.		class: string = ""Noneclick
change
DevelopersMegaMenu
data-component="DevelopersMegaMenu"
Reusable developers mega menu component.		class: string = ""NoneNone
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 = ""
eyebrow: string = ""
title: string = "Trusted by teams building modern products"
description: string = ""
logos: string = []
centered: boolean = true
compact: boolean = false
variant: string = "strip"
grayscale: boolean = true
showNames: boolean = false
maxItems: number = 8		NoneNone
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
PageHeader
data-component="PageHeader"
Reusable page header component.		class: string = ""
eyebrow: string = ""
title: string = ""
description: string = ""
primaryLabel: string = ""
primaryHref: string = ""
secondaryLabel: string = ""
secondaryHref: string = ""
icon: string = "sparkles"
centered: boolean = false
compact: boolean = false
showBreadcrumbs: boolean = false
breadcrumbParent: string = ""
breadcrumbParentHref: string = ""
breadcrumbCurrent: string = ""
highlights: string = []		NoneNone
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 = ""
currentPage: number = 1
totalPages: number = 1
previousHref: string = ""
nextHref: string = ""
pages: string = []
showNumbers: boolean = true
showSummary: boolean = true
totalItems: number = 0
pageSize: number = 10
compact: boolean = false
centered: boolean = false		NoneNone
Pill
data-component="Pill"
Reusable pill component.		label: string = "Pill"
variant: string = "default"
class: string = ""		defaultNone
ProductMegaMenu
data-component="ProductMegaMenu"
Reusable product mega menu component.		class: string = ""NoneNone
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 = ""Nonesubmit
PublicMobileNavigation
data-component="PublicMobileNavigation"
Reusable public mobile navigation component.		class: string = ""Noneclick
PublicSearch
data-component="PublicSearch"
Reusable public search component.		class: string = ""
query: string = ""
placeholder: string = "Search..."
label: string = "Search"
action: string = ""
method: string = "get"
name: string = "q"
buttonLabel: string = ""
clearLabel: string = "Clear search"
size: string = "default"
centered: boolean = false
fullWidth: boolean = false
showShortcut: boolean = false
shortcutLabel: string = "⌘ K"
suggestions: string = []		Noneinput
focus
blur
click
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
SocialShare
data-component="SocialShare"
Reusable social share component.		class: string = ""
title: string = "Share this page"
description: string = ""
url: string = ""
shareText: string = ""
centered: boolean = false
compact: boolean = false
showTitle: boolean = true
showCopy: boolean = true
networks: string = []		Noneclick
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
StatusBanner
data-component="StatusBanner"
Reusable status banner component.		class: string = ""
type: string = "info"
title: string = ""
description: string = ""
actionLabel: string = ""
actionHref: string = ""
dismissible: boolean = true
compact: boolean = false
details: string = []		Noneclick
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
ToastHost
data-component="ToastHost"
Reusable toast host component.		class: string = ""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 = ""
eyebrow: string = ""
title: string = "Nothing found"
description: string = ""
iconClass: string = "icon-[lucide--inbox]"
primaryLabel: string = ""
primaryHref: string = ""
secondaryLabel: string = ""
secondaryHref: string = ""
compact: boolean = false
centered: boolean = true
suggestions: string = []		NoneNone
ErrorState
data-component="ErrorState"
Reusable error state component.		class: string = ""
type: string = "error"
eyebrow: string = ""
title: string = "Something went wrong"
description: string = ""
errorCode: string = ""
iconClass: string = ""
primaryLabel: string = ""
primaryHref: string = ""
secondaryLabel: string = ""
secondaryHref: string = ""
retryLabel: string = ""
retryAction: string = ""
centered: boolean = true
compact: boolean = false
details: string = []		Noneclick
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 = ""Noneclick
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.		class: string = ""NoneNone
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.		class: string = ""NoneNone
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.64 · 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 665ae77f..a11f4264 100644 --- a/app/pages/packages/uploader.wrn +++ b/app/pages/packages/uploader.wrn @@ -6,7 +6,7 @@ page wrnexusuploader { view {
- +
W WRNexusJS @@ -424,7 +424,8 @@ import { serveFromStore } from "@wrnexus/uploader"; export const GET = serveFromStore("docs"); // your middleware decides who gets in
-
WRNexusJS 0.2.64 · 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 8fad40cc..43a97ec4 100644 --- a/app/pages/packages/validation.wrn +++ b/app/pages/packages/validation.wrn @@ -6,7 +6,7 @@ page wrnexusvalidation { view {
- +
W WRNexusJS @@ -344,7 +344,8 @@ const head = `<script>${renderSchemasScript({ signup: signupSche // render a <form data-schema="signup"> with [data-error="email"] etc.
-
WRNexusJS 0.2.64 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+ + } } diff --git a/app/pages/releases/0.2.15.wrn b/app/pages/releases/0.2.15.wrn index 94b2251c..91d98f0c 100644 --- a/app/pages/releases/0.2.15.wrn +++ b/app/pages/releases/0.2.15.wrn @@ -5,12 +5,13 @@ page Release0215 { canonical = "https://wrnexusjs.dev/releases/0.2.15" } view { - +
W WRNexusJS
Preview · v0.2.15
Browse documentation

WRNexusJS 0.2.15

Released 2026-07-12 in this documentation repository. Twenty-five installed packages are aligned to this version. See the changelog, upgrade guide, and package references.

+
} -} \ No newline at end of file +} diff --git a/app/pages/releases/0.2.17.wrn b/app/pages/releases/0.2.17.wrn index 80f1ca2f..3e6a9aac 100644 --- a/app/pages/releases/0.2.17.wrn +++ b/app/pages/releases/0.2.17.wrn @@ -5,12 +5,13 @@ page Release0217 { canonical = "https://wrnexusjs.dev/releases/0.2.17" } view { - +
W WRNexusJS
Preview · v0.2.17
Browse documentation

WRNexusJS 0.2.17

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/releases/0.2.18.wrn b/app/pages/releases/0.2.18.wrn index 82d757c2..963408a8 100644 --- a/app/pages/releases/0.2.18.wrn +++ b/app/pages/releases/0.2.18.wrn @@ -5,12 +5,13 @@ page Release0218 { canonical = "https://wrnexusjs.dev/releases/0.2.18" } view { - +
W WRNexusJS
Preview · v0.2.18
Browse documentation

WRNexusJS 0.2.18

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/releases/0.2.19.wrn b/app/pages/releases/0.2.19.wrn index 4d2107d6..78108967 100644 --- a/app/pages/releases/0.2.19.wrn +++ b/app/pages/releases/0.2.19.wrn @@ -5,12 +5,13 @@ page Release0219 { canonical = "https://wrnexusjs.dev/releases/0.2.19" } view { - +
W WRNexusJS
Preview · v0.2.19
Browse documentation

WRNexusJS 0.2.19

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/releases/0.2.20.wrn b/app/pages/releases/0.2.20.wrn index 72d8a251..a571ed87 100644 --- a/app/pages/releases/0.2.20.wrn +++ b/app/pages/releases/0.2.20.wrn @@ -5,12 +5,13 @@ page Release0220 { canonical = "https://wrnexusjs.dev/releases/0.2.20" } view { - +
W WRNexusJS
Preview · v0.2.20
Browse documentation

WRNexusJS 0.2.20

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/releases/0.2.21.wrn b/app/pages/releases/0.2.21.wrn index 6c3fddff..31e32045 100644 --- a/app/pages/releases/0.2.21.wrn +++ b/app/pages/releases/0.2.21.wrn @@ -5,12 +5,13 @@ page Release0221 { canonical = "https://wrnexusjs.dev/releases/0.2.21" } view { - +
W WRNexusJS
Preview · v0.2.21
Browse documentation

WRNexusJS 0.2.21

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/releases/0.2.22.wrn b/app/pages/releases/0.2.22.wrn index 5a053b48..37738a87 100644 --- a/app/pages/releases/0.2.22.wrn +++ b/app/pages/releases/0.2.22.wrn @@ -5,12 +5,13 @@ page Release0222 { canonical = "https://wrnexusjs.dev/releases/0.2.22" } view { - +
W WRNexusJS
Preview · v0.2.22
Browse documentation

WRNexusJS 0.2.22

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/releases/0.2.23.wrn b/app/pages/releases/0.2.23.wrn index 658b3e55..8adc5cf7 100644 --- a/app/pages/releases/0.2.23.wrn +++ b/app/pages/releases/0.2.23.wrn @@ -5,12 +5,13 @@ page Release0223 { canonical = "https://wrnexusjs.dev/releases/0.2.23" } view { - +
W WRNexusJS
Preview · v0.2.23
Browse documentation

WRNexusJS 0.2.23

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/releases/0.2.24.wrn b/app/pages/releases/0.2.24.wrn index 4bb45e65..19d2b690 100644 --- a/app/pages/releases/0.2.24.wrn +++ b/app/pages/releases/0.2.24.wrn @@ -5,12 +5,13 @@ page Release0224 { canonical = "https://wrnexusjs.dev/releases/0.2.24" } view { - +
W WRNexusJS
Preview · v0.2.24
Browse documentation

WRNexusJS 0.2.24

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/releases/0.2.25.wrn b/app/pages/releases/0.2.25.wrn index c17f34a1..f4d11e7f 100644 --- a/app/pages/releases/0.2.25.wrn +++ b/app/pages/releases/0.2.25.wrn @@ -5,12 +5,13 @@ page Release0225 { canonical = "https://wrnexusjs.dev/releases/0.2.25" } view { - +
W WRNexusJS
Preview · v0.2.25
Browse documentation

WRNexusJS 0.2.25

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/releases/0.2.26.wrn b/app/pages/releases/0.2.26.wrn index 98eaa1d9..70ea8dcc 100644 --- a/app/pages/releases/0.2.26.wrn +++ b/app/pages/releases/0.2.26.wrn @@ -5,12 +5,13 @@ page Release0226 { canonical = "https://wrnexusjs.dev/releases/0.2.26" } view { - +
W WRNexusJS
Preview · v0.2.26
Browse documentation

WRNexusJS 0.2.26

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/releases/0.2.27.wrn b/app/pages/releases/0.2.27.wrn index 5b53a5eb..7ac695ea 100644 --- a/app/pages/releases/0.2.27.wrn +++ b/app/pages/releases/0.2.27.wrn @@ -5,12 +5,13 @@ page Release0227 { canonical = "https://wrnexusjs.dev/releases/0.2.27" } view { - +
W WRNexusJS
Preview · v0.2.27
Browse documentation

WRNexusJS 0.2.27

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/releases/0.2.28.wrn b/app/pages/releases/0.2.28.wrn index 41067384..449bfb64 100644 --- a/app/pages/releases/0.2.28.wrn +++ b/app/pages/releases/0.2.28.wrn @@ -5,12 +5,13 @@ page Release0228 { canonical = "https://wrnexusjs.dev/releases/0.2.28" } view { - +
W WRNexusJS
Preview · v0.2.28
Browse documentation

WRNexusJS 0.2.28

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/releases/0.2.29.wrn b/app/pages/releases/0.2.29.wrn index 8f51d70d..4eb95bfe 100644 --- a/app/pages/releases/0.2.29.wrn +++ b/app/pages/releases/0.2.29.wrn @@ -5,12 +5,13 @@ page Release0229 { canonical = "https://wrnexusjs.dev/releases/0.2.29" } view { - +
W WRNexusJS
Preview · v0.2.29
Browse documentation

WRNexusJS 0.2.29

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/releases/0.2.30.wrn b/app/pages/releases/0.2.30.wrn index ef9ed649..69993e1f 100644 --- a/app/pages/releases/0.2.30.wrn +++ b/app/pages/releases/0.2.30.wrn @@ -5,12 +5,13 @@ page Release0230 { canonical = "https://wrnexusjs.dev/releases/0.2.30" } view { - +
W WRNexusJS
Preview · v0.2.30
Browse documentation

WRNexusJS 0.2.30

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/releases/0.2.31.wrn b/app/pages/releases/0.2.31.wrn index 36a178eb..8446f250 100644 --- a/app/pages/releases/0.2.31.wrn +++ b/app/pages/releases/0.2.31.wrn @@ -5,12 +5,13 @@ page Release0231 { canonical = "https://wrnexusjs.dev/releases/0.2.31" } view { - +
W WRNexusJS
Preview · v0.2.31
Browse documentation

WRNexusJS 0.2.31

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/releases/0.2.32.wrn b/app/pages/releases/0.2.32.wrn index 41a27e21..675d4734 100644 --- a/app/pages/releases/0.2.32.wrn +++ b/app/pages/releases/0.2.32.wrn @@ -5,12 +5,13 @@ page Release0232 { canonical = "https://wrnexusjs.dev/releases/0.2.32" } view { - +
W WRNexusJS
Preview · v0.2.32
Browse documentation

WRNexusJS 0.2.32

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/releases/0.2.33.wrn b/app/pages/releases/0.2.33.wrn index e9f347b9..8c629a7d 100644 --- a/app/pages/releases/0.2.33.wrn +++ b/app/pages/releases/0.2.33.wrn @@ -5,12 +5,13 @@ page Release0233 { canonical = "https://wrnexusjs.dev/releases/0.2.33" } view { - +
W WRNexusJS
Preview · v0.2.33
Browse documentation

WRNexusJS 0.2.33

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/releases/0.2.34.wrn b/app/pages/releases/0.2.34.wrn index cc44b817..277180bf 100644 --- a/app/pages/releases/0.2.34.wrn +++ b/app/pages/releases/0.2.34.wrn @@ -5,12 +5,13 @@ page Release0234 { canonical = "https://wrnexusjs.dev/releases/0.2.34" } view { - +
W WRNexusJS
Preview · v0.2.34
Browse documentation

WRNexusJS 0.2.34

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/releases/0.2.35.wrn b/app/pages/releases/0.2.35.wrn index 3e595947..054448f6 100644 --- a/app/pages/releases/0.2.35.wrn +++ b/app/pages/releases/0.2.35.wrn @@ -5,12 +5,13 @@ page Release0235 { canonical = "https://wrnexusjs.dev/releases/0.2.35" } view { - +
W WRNexusJS
Preview · v0.2.35
Browse documentation

WRNexusJS 0.2.35

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/releases/0.2.36.wrn b/app/pages/releases/0.2.36.wrn index a8a813f7..6a674ad7 100644 --- a/app/pages/releases/0.2.36.wrn +++ b/app/pages/releases/0.2.36.wrn @@ -5,12 +5,13 @@ page Release0236 { canonical = "https://wrnexusjs.dev/releases/0.2.36" } view { - +
W WRNexusJS
Preview · v0.2.36
Browse documentation

WRNexusJS 0.2.36

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/releases/0.2.37.wrn b/app/pages/releases/0.2.37.wrn index 2ceee06b..41643775 100644 --- a/app/pages/releases/0.2.37.wrn +++ b/app/pages/releases/0.2.37.wrn @@ -5,12 +5,13 @@ page Release0237 { canonical = "https://wrnexusjs.dev/releases/0.2.37" } view { - +
W WRNexusJS
Preview · v0.2.37
Browse documentation

WRNexusJS 0.2.37

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/releases/0.2.38.wrn b/app/pages/releases/0.2.38.wrn index 08e0c3c9..ca3c938c 100644 --- a/app/pages/releases/0.2.38.wrn +++ b/app/pages/releases/0.2.38.wrn @@ -5,12 +5,13 @@ page Release0238 { canonical = "https://wrnexusjs.dev/releases/0.2.38" } view { - +
W WRNexusJS
Preview · v0.2.38
Browse documentation

WRNexusJS 0.2.38

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/releases/0.2.39.wrn b/app/pages/releases/0.2.39.wrn index 69d9d4fc..aa806f2d 100644 --- a/app/pages/releases/0.2.39.wrn +++ b/app/pages/releases/0.2.39.wrn @@ -5,12 +5,13 @@ page Release0239 { canonical = "https://wrnexusjs.dev/releases/0.2.39" } view { - +
W WRNexusJS
Preview · v0.2.39
Browse documentation

WRNexusJS 0.2.39

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/releases/0.2.40.wrn b/app/pages/releases/0.2.40.wrn index c083a876..f7af6c08 100644 --- a/app/pages/releases/0.2.40.wrn +++ b/app/pages/releases/0.2.40.wrn @@ -5,12 +5,13 @@ page Release0240 { canonical = "https://wrnexusjs.dev/releases/0.2.40" } view { - +
W WRNexusJS
Preview · v0.2.40
Browse documentation

WRNexusJS 0.2.40

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/releases/0.2.41.wrn b/app/pages/releases/0.2.41.wrn index 1a67d066..b420468c 100644 --- a/app/pages/releases/0.2.41.wrn +++ b/app/pages/releases/0.2.41.wrn @@ -5,12 +5,13 @@ page Release0241 { canonical = "https://wrnexusjs.dev/releases/0.2.41" } view { - +
W WRNexusJS
Preview · v0.2.41
Browse documentation

WRNexusJS 0.2.41

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/releases/0.2.42.wrn b/app/pages/releases/0.2.42.wrn index 1c94efff..29d03142 100644 --- a/app/pages/releases/0.2.42.wrn +++ b/app/pages/releases/0.2.42.wrn @@ -5,12 +5,13 @@ page Release0242 { canonical = "https://wrnexusjs.dev/releases/0.2.42" } view { - +
W WRNexusJS
Preview · v0.2.42
Browse documentation

WRNexusJS 0.2.42

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/releases/0.2.43.wrn b/app/pages/releases/0.2.43.wrn index c65f7e13..0829e91e 100644 --- a/app/pages/releases/0.2.43.wrn +++ b/app/pages/releases/0.2.43.wrn @@ -5,12 +5,13 @@ page Release0243 { canonical = "https://wrnexusjs.dev/releases/0.2.43" } view { - +
W WRNexusJS
Preview · v0.2.43
Browse documentation

WRNexusJS 0.2.43

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/releases/0.2.44.wrn b/app/pages/releases/0.2.44.wrn index 5677822f..65d8ca6b 100644 --- a/app/pages/releases/0.2.44.wrn +++ b/app/pages/releases/0.2.44.wrn @@ -5,12 +5,13 @@ page Release0244 { canonical = "https://wrnexusjs.dev/releases/0.2.44" } view { - +
W WRNexusJS
Preview · v0.2.44
Browse documentation

WRNexusJS 0.2.44

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/releases/0.2.45.wrn b/app/pages/releases/0.2.45.wrn index b7fddb1b..e12d3ba9 100644 --- a/app/pages/releases/0.2.45.wrn +++ b/app/pages/releases/0.2.45.wrn @@ -5,12 +5,13 @@ page Release0245 { canonical = "https://wrnexusjs.dev/releases/0.2.45" } view { - +
W WRNexusJS
Preview · v0.2.45
Browse documentation

WRNexusJS 0.2.45

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/releases/0.2.46.wrn b/app/pages/releases/0.2.46.wrn index ffe5dc5d..1ea0cf86 100644 --- a/app/pages/releases/0.2.46.wrn +++ b/app/pages/releases/0.2.46.wrn @@ -5,12 +5,13 @@ page Release0246 { canonical = "https://wrnexusjs.dev/releases/0.2.46" } view { - +
W WRNexusJS
Preview · v0.2.46
Browse documentation

WRNexusJS 0.2.46

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/releases/0.2.47.wrn b/app/pages/releases/0.2.47.wrn index 4698ee51..0d0c3dfa 100644 --- a/app/pages/releases/0.2.47.wrn +++ b/app/pages/releases/0.2.47.wrn @@ -5,12 +5,13 @@ page Release0247 { canonical = "https://wrnexusjs.dev/releases/0.2.47" } view { - +
W WRNexusJS
Preview · v0.2.47
Browse documentation

WRNexusJS 0.2.47

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/releases/0.2.48.wrn b/app/pages/releases/0.2.48.wrn index 6fa05afe..e09457c3 100644 --- a/app/pages/releases/0.2.48.wrn +++ b/app/pages/releases/0.2.48.wrn @@ -5,12 +5,13 @@ page Release0248 { canonical = "https://wrnexusjs.dev/releases/0.2.48" } view { - +
W WRNexusJS
Preview · v0.2.48
Browse documentation

WRNexusJS 0.2.48

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/releases/0.2.49.wrn b/app/pages/releases/0.2.49.wrn index 753a2894..e276d662 100644 --- a/app/pages/releases/0.2.49.wrn +++ b/app/pages/releases/0.2.49.wrn @@ -5,12 +5,13 @@ page Release0249 { canonical = "https://wrnexusjs.dev/releases/0.2.49" } view { - +
W WRNexusJS
Preview · v0.2.49
Browse documentation

WRNexusJS 0.2.49

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/releases/0.2.50.wrn b/app/pages/releases/0.2.50.wrn index 6d21de2b..d91ae857 100644 --- a/app/pages/releases/0.2.50.wrn +++ b/app/pages/releases/0.2.50.wrn @@ -5,12 +5,13 @@ page Release0250 { canonical = "https://wrnexusjs.dev/releases/0.2.50" } view { - +
W WRNexusJS
Preview · v0.2.50
Browse documentation

WRNexusJS 0.2.50

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/releases/0.2.51.wrn b/app/pages/releases/0.2.51.wrn index 67a3111e..f827dce1 100644 --- a/app/pages/releases/0.2.51.wrn +++ b/app/pages/releases/0.2.51.wrn @@ -5,12 +5,13 @@ page Release0251 { canonical = "https://wrnexusjs.dev/releases/0.2.51" } view { - +
W WRNexusJS
Preview · v0.2.51
Browse documentation

WRNexusJS 0.2.51

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/releases/0.2.52.wrn b/app/pages/releases/0.2.52.wrn index 8eb64d96..d01ee1ac 100644 --- a/app/pages/releases/0.2.52.wrn +++ b/app/pages/releases/0.2.52.wrn @@ -5,12 +5,13 @@ page Release0252 { canonical = "https://wrnexusjs.dev/releases/0.2.52" } view { - +
W WRNexusJS
Preview · v0.2.52
Browse documentation

WRNexusJS 0.2.52

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/releases/0.2.53.wrn b/app/pages/releases/0.2.53.wrn index 90430fdc..6d51d425 100644 --- a/app/pages/releases/0.2.53.wrn +++ b/app/pages/releases/0.2.53.wrn @@ -5,12 +5,13 @@ page Release0253 { canonical = "https://wrnexusjs.dev/releases/0.2.53" } view { - +
W WRNexusJS
Preview · v0.2.53
Browse documentation

WRNexusJS 0.2.53

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/releases/0.2.54.wrn b/app/pages/releases/0.2.54.wrn index 5aeffc7c..b4d64799 100644 --- a/app/pages/releases/0.2.54.wrn +++ b/app/pages/releases/0.2.54.wrn @@ -5,12 +5,13 @@ page Release0254 { canonical = "https://wrnexusjs.dev/releases/0.2.54" } view { - +
W WRNexusJS
Preview · v0.2.54
Browse documentation

WRNexusJS 0.2.54

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/releases/0.2.55.wrn b/app/pages/releases/0.2.55.wrn index 3ed5b75e..42215a8c 100644 --- a/app/pages/releases/0.2.55.wrn +++ b/app/pages/releases/0.2.55.wrn @@ -5,12 +5,13 @@ page Release0255 { canonical = "https://wrnexusjs.dev/releases/0.2.55" } view { - +
W WRNexusJS
Preview · v0.2.55
Browse documentation

WRNexusJS 0.2.55

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/releases/0.2.56.wrn b/app/pages/releases/0.2.56.wrn index 6e10735b..1d5bb6da 100644 --- a/app/pages/releases/0.2.56.wrn +++ b/app/pages/releases/0.2.56.wrn @@ -5,12 +5,13 @@ page Release0256 { canonical = "https://wrnexusjs.dev/releases/0.2.56" } view { - +
W WRNexusJS
Preview · v0.2.56
Browse documentation

WRNexusJS 0.2.56

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/releases/0.2.57.wrn b/app/pages/releases/0.2.57.wrn index c20abb99..0b7de4a1 100644 --- a/app/pages/releases/0.2.57.wrn +++ b/app/pages/releases/0.2.57.wrn @@ -5,12 +5,13 @@ page Release0257 { canonical = "https://wrnexusjs.dev/releases/0.2.57" } view { - +
W WRNexusJS
Preview · v0.2.57
Browse documentation

WRNexusJS 0.2.57

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/releases/0.2.58.wrn b/app/pages/releases/0.2.58.wrn index ef3c51f8..e51daa7a 100644 --- a/app/pages/releases/0.2.58.wrn +++ b/app/pages/releases/0.2.58.wrn @@ -5,12 +5,13 @@ page Release0258 { canonical = "https://wrnexusjs.dev/releases/0.2.58" } view { - +
W WRNexusJS
Preview · v0.2.58
Browse documentation

WRNexusJS 0.2.58

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/releases/0.2.59.wrn b/app/pages/releases/0.2.59.wrn index 149d3c1b..fa3e2d55 100644 --- a/app/pages/releases/0.2.59.wrn +++ b/app/pages/releases/0.2.59.wrn @@ -5,12 +5,13 @@ page Release0259 { canonical = "https://wrnexusjs.dev/releases/0.2.59" } view { - +
W WRNexusJS
Preview · v0.2.59
Browse documentation

WRNexusJS 0.2.59

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/releases/0.2.60.wrn b/app/pages/releases/0.2.60.wrn index 8d8dbf7f..fb3b9959 100644 --- a/app/pages/releases/0.2.60.wrn +++ b/app/pages/releases/0.2.60.wrn @@ -5,12 +5,13 @@ page Release0260 { canonical = "https://wrnexusjs.dev/releases/0.2.60" } view { - +
W WRNexusJS
Preview · v0.2.60
Browse documentation

WRNexusJS 0.2.60

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/releases/0.2.61.wrn b/app/pages/releases/0.2.61.wrn index eea14faf..192ed752 100644 --- a/app/pages/releases/0.2.61.wrn +++ b/app/pages/releases/0.2.61.wrn @@ -5,12 +5,13 @@ page Release0261 { 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/releases/0.2.62.wrn b/app/pages/releases/0.2.62.wrn index 8cd2cd48..f7a8c45f 100644 --- a/app/pages/releases/0.2.62.wrn +++ b/app/pages/releases/0.2.62.wrn @@ -5,12 +5,13 @@ page Release0262 { canonical = "https://wrnexusjs.dev/releases/0.2.62" } view { - +
W WRNexusJS
Preview · v0.2.62
Browse documentation

WRNexusJS 0.2.62

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/releases/0.2.63.wrn b/app/pages/releases/0.2.63.wrn index 35b483c9..724ff58f 100644 --- a/app/pages/releases/0.2.63.wrn +++ b/app/pages/releases/0.2.63.wrn @@ -5,12 +5,13 @@ page Release0263 { canonical = "https://wrnexusjs.dev/releases/0.2.63" } view { - +
W WRNexusJS
Preview · v0.2.63
Browse documentation

WRNexusJS 0.2.63

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/releases/0.2.64.wrn b/app/pages/releases/0.2.64.wrn index 0ba40251..8638c700 100644 --- a/app/pages/releases/0.2.64.wrn +++ b/app/pages/releases/0.2.64.wrn @@ -5,12 +5,13 @@ page Release0264 { canonical = "https://wrnexusjs.dev/releases/0.2.64" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation

WRNexusJS 0.2.64

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 d1be394b..9fc4937a 100644 --- a/app/pages/roadmap.wrn +++ b/app/pages/roadmap.wrn @@ -5,12 +5,13 @@ page Roadmap { canonical = "https://wrnexusjs.dev/roadmap" } view { - +
W WRNexusJS
Preview · v0.2.64
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 0cfff69f..5fcb759f 100644 --- a/app/pages/search.wrn +++ b/app/pages/search.wrn @@ -5,12 +5,13 @@ page Search { canonical = "https://wrnexusjs.dev/search" } view { - +
W WRNexusJS
Preview · v0.2.64
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 f872971d..7efe5760 100644 --- a/app/pages/security.wrn +++ b/app/pages/security.wrn @@ -5,12 +5,13 @@ page Security { canonical = "https://wrnexusjs.dev/security" } view { - +
W WRNexusJS
Preview · v0.2.64
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.64 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 94449cb3..3c448f05 100644 --- a/app/pages/showcase.wrn +++ b/app/pages/showcase.wrn @@ -5,12 +5,13 @@ page Showcase { canonical = "https://wrnexusjs.dev/showcase" } view { - +
W WRNexusJS
Preview · v0.2.64
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.64 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 5d2ba3f6..1efadb40 100644 --- a/app/pages/support.wrn +++ b/app/pages/support.wrn @@ -5,12 +5,13 @@ page Support { canonical = "https://wrnexusjs.dev/support" } view { - +
W WRNexusJS
Preview · v0.2.64
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 bda96374..176cf548 100644 --- a/app/pages/tutorial.wrn +++ b/app/pages/tutorial.wrn @@ -5,7 +5,7 @@ page Tutorial { canonical = "https://wrnexusjs.dev/tutorial" } view { - +
W WRNexusJS
Preview · v0.2.64
Browse documentation
@@ -23,7 +23,8 @@ 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/app/styles/global.css b/app/styles/global.css index 65c12715..62719c80 100644 --- a/app/styles/global.css +++ b/app/styles/global.css @@ -1046,6 +1046,816 @@ footer a { } } +/* Documentation design system v2 ------------------------------------------------- + A focused application layer over the semantic WRNexus theme and @wrnexus/ui. + Components keep their own internal spacing; page rhythm belongs to this site. */ +:root { + --docs-content: 78rem; + --docs-reading: 48rem; + --docs-header: 4.5rem; + --docs-radius: 1.25rem; + --docs-shadow: 0 1px 2px rgb(15 23 42 / 0.04), 0 18px 48px rgb(15 23 42 / 0.07); + --docs-grid: color-mix(in srgb, var(--border) 38%, transparent); +} + +body { + background-color: var(--bg); + background-image: + radial-gradient( + circle at 10% -10%, + color-mix(in srgb, var(--brand) 11%, transparent), + transparent 28rem + ), + radial-gradient( + circle at 95% 12%, + color-mix(in srgb, #a855f7 8%, transparent), + transparent 30rem + ); + background-attachment: fixed; +} + +.docs-shell { + overflow: clip; +} + +.docs-skip-link { + position: fixed; + z-index: 100; + top: 0.6rem; + left: 0.6rem; + transform: translateY(-180%); + transition: transform 160ms ease; +} + +.docs-skip-link:focus-within { + transform: translateY(0); +} + +.docs-skip-link > a { + display: inline-flex; + min-height: 2.75rem; + align-items: center; + border-radius: 0.7rem; + padding: 0.65rem 1rem; + color: white; + background: var(--brand-strong); + box-shadow: 0 12px 30px color-mix(in srgb, var(--brand) 30%, transparent); + font-size: 0.85rem; + font-weight: 750; + text-decoration: none; +} + +.docs-skip-link > button { + display: none !important; +} + +.docs-shell::before, +.docs-shell::after { + display: none; +} + +.topbar { + grid-template-columns: minmax(13rem, 1fr) auto minmax(13rem, 1fr); + height: var(--docs-header); + padding-inline: clamp(1rem, 3vw, 3rem); + border-bottom-color: color-mix(in srgb, var(--border) 72%, transparent); + background: color-mix(in srgb, var(--bg) 88%, transparent); + box-shadow: 0 1px 0 rgb(255 255 255 / 0.04); +} + +.brand { + gap: 0.75rem; + font-size: 1rem; +} + +.brand span { + width: 2.25rem; + height: 2.25rem; + border: 1px solid rgb(255 255 255 / 0.18); + border-radius: 0.8rem; + background: linear-gradient(145deg, var(--brand), #8b5cf6 58%, #c026d3); + box-shadow: 0 8px 24px color-mix(in srgb, var(--brand) 28%, transparent); +} + +.topbar nav { + gap: 0.25rem; + padding: 0.3rem; + border: 1px solid color-mix(in srgb, var(--border) 72%, transparent); + border-radius: 0.9rem; + background: color-mix(in srgb, var(--surface) 72%, transparent); +} + +.topbar nav a { + padding: 0.55rem 0.8rem; + border-radius: 0.65rem; + font-size: 0.82rem; + transition: + color 180ms ease, + background 180ms ease, + transform 180ms ease; +} + +.topbar nav a::after { + display: none; +} + +.topbar nav a:hover { + background: var(--surface-soft); + transform: translateY(-1px); +} + +.preview-pill { + min-height: 2.25rem; + padding-inline: 0.8rem; + border-color: color-mix(in srgb, var(--brand) 28%, var(--border)); + background: color-mix(in srgb, var(--brand) 8%, var(--surface)); +} + +.theme-button { + border-radius: 0.75rem; + background: color-mix(in srgb, var(--surface) 86%, transparent); +} + +.theme-button:hover { + border-color: color-mix(in srgb, var(--brand) 50%, var(--border)); + color: var(--brand-strong); + transform: translateY(-1px) rotate(6deg); + box-shadow: 0 8px 22px color-mix(in srgb, var(--brand) 12%, transparent); +} + +.mobile-doc-nav, +.marketing-mobile-nav { + position: sticky; + top: var(--docs-header); + z-index: 19; + border-bottom-color: var(--border); + background: color-mix(in srgb, var(--bg) 94%, transparent); + backdrop-filter: blur(18px); +} + +.mobile-doc-nav details, +.marketing-mobile-nav details { + width: min(var(--docs-content), 100%); + margin-inline: auto; +} + +.mobile-doc-nav summary, +.marketing-mobile-nav summary { + list-style: none; +} + +.mobile-doc-nav summary::after, +.marketing-mobile-nav summary::after { + float: right; + content: "+"; + color: var(--brand-strong); +} + +.mobile-doc-nav details[open] summary::after, +.marketing-mobile-nav details[open] summary::after { + content: "−"; +} + +.portal-main, +.marketing-main, +.page { + width: min(var(--docs-content), 100%); + margin-inline: auto; + padding-inline: clamp(1rem, 4vw, 3.5rem); +} + +.breadcrumbs { + gap: 0.6rem; + padding-block: 1.25rem; + font-size: 0.75rem; + font-weight: 650; +} + +.breadcrumbs a:hover { + color: var(--brand-strong); +} + +.documentation.standalone { + position: relative; + max-width: var(--docs-reading); + margin: clamp(1rem, 4vw, 3rem) auto clamp(4rem, 8vw, 7rem); + padding: clamp(1.4rem, 4vw, 3.5rem); + border: 1px solid color-mix(in srgb, var(--border) 86%, transparent); + border-radius: clamp(1.25rem, 3vw, 2rem); + background: color-mix(in srgb, var(--surface) 92%, transparent); + box-shadow: var(--docs-shadow); + backdrop-filter: blur(18px); +} + +.documentation.standalone::before { + position: absolute; + top: 0; + left: clamp(1.4rem, 4vw, 3.5rem); + width: 5rem; + height: 3px; + border-radius: 999px; + background: linear-gradient(90deg, var(--brand), #a855f7); + content: ""; +} + +.documentation h1, +.hero h1, +.marketing-hero h1 { + text-wrap: balance; +} + +.documentation.standalone > h1 { + max-width: 13ch; + margin-top: 1.25rem; + font-size: clamp(2.25rem, 6vw, 4.5rem); + line-height: 0.98; + letter-spacing: -0.06em; +} + +.documentation.standalone > p:first-of-type { + max-width: 42rem; + font-size: clamp(1.05rem, 2vw, 1.2rem); + line-height: 1.75; +} + +.prose h2 { + margin-top: 3.5rem; + padding-top: 1rem; + border-top: 1px solid color-mix(in srgb, var(--border) 75%, transparent); + font-size: clamp(1.45rem, 3vw, 2rem); + letter-spacing: -0.035em; + scroll-margin-top: calc(var(--docs-header) + 1.5rem); +} + +.prose h3 { + margin-top: 2.5rem; + font-size: 1.25rem; +} + +.prose p, +.prose li { + color: var(--muted); + line-height: 1.82; +} + +.prose strong, +.prose h2, +.prose h3, +.prose h4 { + color: var(--text); +} + +.prose a, +.documentation a { + text-decoration-color: color-mix(in srgb, var(--brand) 45%, transparent); + text-underline-offset: 0.22em; +} + +.prose a:hover, +.documentation a:hover { + color: var(--brand-strong); + text-decoration-color: currentColor; +} + +pre { + border-color: color-mix(in srgb, #334155 86%, transparent) !important; + border-radius: 1rem !important; + background: #070a12 !important; + box-shadow: 0 18px 46px rgb(2 6 23 / 0.22); +} + +pre code { + color: #dbeafe; + font-size: 0.86rem; + line-height: 1.75; +} + +:not(pre) > code { + border: 1px solid color-mix(in srgb, var(--brand) 15%, var(--border)); + border-radius: 0.42rem; + padding: 0.12em 0.4em; + color: color-mix(in srgb, var(--brand-strong) 86%, var(--text)); + background: color-mix(in srgb, var(--brand) 7%, var(--surface-soft)); + font-size: 0.88em; +} + +.prose blockquote, +.access-callout { + border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--border)); + border-left: 3px solid var(--brand); + border-radius: 0 1rem 1rem 0; + background: color-mix(in srgb, var(--brand) 6%, var(--surface)); + box-shadow: none; +} + +.table-wrap { + margin-block: 1.5rem; + border: 1px solid var(--border); + border-radius: 1rem; + background: color-mix(in srgb, var(--surface) 90%, transparent); + box-shadow: 0 10px 32px rgb(15 23 42 / 0.05); +} + +table { + margin: 0 !important; +} + +th { + background: color-mix(in srgb, var(--surface-soft) 88%, transparent); + font-size: 0.72rem; + letter-spacing: 0.06em; + text-transform: uppercase; +} + +tbody tr { + transition: background 160ms ease; +} + +tbody tr:hover { + background: color-mix(in srgb, var(--brand) 4%, transparent); +} + +.local-toc, +.on-this-page { + border: 1px solid var(--border); + border-radius: 1rem; + padding: 1rem; + background: color-mix(in srgb, var(--surface-soft) 72%, transparent); +} + +.local-toc a, +.on-this-page a { + border-radius: 0.5rem; + padding: 0.45rem 0.6rem; + text-decoration: none; + transition: + color 160ms ease, + background 160ms ease; +} + +.local-toc a:hover, +.on-this-page a:hover { + background: color-mix(in srgb, var(--brand) 10%, transparent); +} + +.page > .hero.compact { + position: relative; + overflow: hidden; + margin-top: clamp(1.5rem, 5vw, 4rem); + border: 1px solid var(--border); + border-radius: clamp(1.5rem, 4vw, 2.5rem); + padding: clamp(2rem, 6vw, 5rem); + background: + linear-gradient( + 145deg, + color-mix(in srgb, var(--surface) 94%, transparent), + color-mix(in srgb, var(--brand) 7%, var(--surface)) + ), + var(--surface); + box-shadow: var(--docs-shadow); +} + +.page > .hero.compact::after { + position: absolute; + top: -9rem; + right: -8rem; + width: 24rem; + height: 24rem; + border-radius: 999px; + background: color-mix(in srgb, var(--brand) 12%, transparent); + content: ""; + filter: blur(1px); +} + +.hero.compact > * { + position: relative; + z-index: 1; +} + +.hero.compact h1 { + max-width: 12ch; + font-size: clamp(2.5rem, 7vw, 5.5rem); + line-height: 0.95; + letter-spacing: -0.065em; +} + +.search { + min-height: 3.35rem; + border-radius: 0.9rem; + background: color-mix(in srgb, var(--surface) 92%, transparent); + box-shadow: 0 8px 28px rgb(15 23 42 / 0.08); +} + +.category-filter { + position: sticky; + top: calc(var(--docs-header) + 0.75rem); + z-index: 10; + margin-block: 1.5rem; + border: 1px solid color-mix(in srgb, var(--border) 80%, transparent); + border-radius: 1.15rem; + padding: 0.8rem; + background: color-mix(in srgb, var(--bg) 88%, transparent); + box-shadow: 0 12px 34px rgb(15 23 42 / 0.07); + backdrop-filter: blur(18px); +} + +.category-row button { + border-radius: 0.65rem; + transition: + transform 160ms ease, + border-color 160ms ease, + color 160ms ease, + background 160ms ease; +} + +.category-row button:hover { + border-color: color-mix(in srgb, var(--brand) 48%, var(--border)); + color: var(--brand-strong); + transform: translateY(-1px); +} + +.package-grid { + gap: 1rem; + padding-bottom: clamp(4rem, 8vw, 7rem); +} + +.package-card { + position: relative; + min-height: 13rem; + overflow: hidden; + border-radius: 1.15rem; + background: color-mix(in srgb, var(--surface) 94%, transparent); + box-shadow: 0 1px 2px rgb(15 23 42 / 0.04); +} + +.package-card::before { + position: absolute; + inset: 0 auto 0 0; + width: 3px; + background: linear-gradient(180deg, var(--brand), #a855f7); + content: ""; + opacity: 0; + transition: opacity 200ms ease; +} + +.package-card:hover { + border-color: color-mix(in srgb, var(--brand) 34%, var(--border)); + box-shadow: 0 18px 44px color-mix(in srgb, var(--brand) 10%, transparent); +} + +.package-card:hover::before { + opacity: 1; +} + +.package-card .card-link { + margin-top: auto; + color: var(--brand-strong); + font-size: 0.82rem; + font-weight: 750; +} + +.package-page { + display: grid; + grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr); + gap: clamp(2rem, 5vw, 5rem); + align-items: start; + padding-top: clamp(2rem, 5vw, 4rem); + padding-bottom: clamp(4rem, 8vw, 7rem); +} + +.sidebar { + top: calc(var(--docs-header) + 1.5rem); + border: 1px solid var(--border); + border-radius: 1.15rem; + padding: 1.1rem; + background: color-mix(in srgb, var(--surface) 88%, transparent); + box-shadow: 0 12px 34px rgb(15 23 42 / 0.06); + backdrop-filter: blur(16px); +} + +.sidebar nav { + gap: 0.25rem; +} + +.sidebar nav a { + border-radius: 0.6rem; + padding: 0.55rem 0.65rem; + transition: + color 160ms ease, + background 160ms ease, + transform 160ms ease; +} + +.sidebar nav a:hover { + color: var(--brand-strong); + background: color-mix(in srgb, var(--brand) 8%, transparent); + transform: translateX(2px); +} + +.package-page > .documentation { + min-width: 0; + max-width: 57rem; +} + +.doc-intro { + margin-bottom: 2.5rem; + padding: clamp(1.5rem, 4vw, 3rem); + border: 1px solid var(--border); + border-radius: 1.5rem; + background: color-mix(in srgb, var(--surface) 92%, transparent); + box-shadow: var(--docs-shadow); +} + +.doc-intro h1 { + font-size: clamp(2.25rem, 6vw, 4.5rem); + letter-spacing: -0.06em; +} + +.example-card { + border-radius: 1rem; + background: color-mix(in srgb, var(--surface) 92%, transparent); + box-shadow: 0 10px 28px rgb(15 23 42 / 0.05); +} + +.marketing-main { + padding-bottom: 2rem; +} + +.marketing-main .marketing-hero { + position: relative; + min-height: min(48rem, calc(100vh - var(--docs-header))); + display: grid; + align-content: center; + overflow: hidden; + border-bottom: 0; +} + +.marketing-hero::before { + position: absolute; + z-index: -1; + top: 8%; + right: -15%; + width: min(42rem, 70vw); + aspect-ratio: 1; + border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent); + border-radius: 38% 62% 62% 38% / 46% 42% 58% 54%; + background: + linear-gradient(var(--docs-grid) 1px, transparent 1px), + linear-gradient(90deg, var(--docs-grid) 1px, transparent 1px), + radial-gradient(circle, color-mix(in srgb, var(--brand) 17%, transparent), transparent 65%); + background-size: + 2rem 2rem, + 2rem 2rem, + auto; + content: ""; + transform: rotate(-9deg); +} + +.marketing-hero h1 { + max-width: 10ch; + font-size: clamp(3rem, 8vw, 7rem); + line-height: 0.88; + letter-spacing: -0.075em; +} + +.marketing-hero h1 em { + color: transparent; + background: linear-gradient(90deg, var(--brand), #a855f7 55%, #ec4899); + background-clip: text; + font-style: normal; +} + +.marketing-hero > p:not(.eyebrow):not(.access-note) { + max-width: 48rem; + font-size: clamp(1.05rem, 2vw, 1.25rem); + line-height: 1.7; +} + +.actions a { + min-height: 2.85rem; + border-radius: 0.75rem; + transition: + transform 180ms ease, + border-color 180ms ease, + box-shadow 180ms ease, + background 180ms ease; +} + +.actions a:hover { + transform: translateY(-2px); + box-shadow: 0 12px 28px color-mix(in srgb, var(--brand) 13%, transparent); +} + +.marketing-main > section:not(.marketing-hero) { + margin-block: 1.25rem; + border: 1px solid color-mix(in srgb, var(--border) 82%, transparent); + border-radius: clamp(1.25rem, 3vw, 2rem); + padding: clamp(2rem, 6vw, 5rem); + background: color-mix(in srgb, var(--surface) 88%, transparent); + box-shadow: 0 14px 44px rgb(15 23 42 / 0.05); + backdrop-filter: blur(14px); +} + +.marketing-main .feature-grid article { + min-height: 12rem; + border: 1px solid var(--border); + border-radius: 1rem; + padding: 1.25rem; + background: color-mix(in srgb, var(--surface-soft) 66%, transparent); + transition: + transform 220ms ease, + border-color 220ms ease, + box-shadow 220ms ease; +} + +.marketing-main .feature-grid article:hover { + border-color: color-mix(in srgb, var(--brand) 35%, var(--border)); + transform: translateY(-3px); + box-shadow: 0 16px 34px color-mix(in srgb, var(--brand) 8%, transparent); +} + +.lifecycle li { + border-radius: 1rem; + background: color-mix(in srgb, var(--surface-soft) 72%, transparent); +} + +footer { + display: grid; + grid-template-columns: minmax(16rem, 1fr) auto; + gap: 2rem; + align-items: center; + width: min(var(--docs-content), calc(100% - 2rem)); + margin: 2rem auto 1rem; + border: 1px solid var(--border); + border-radius: 1.5rem; + padding: clamp(1.4rem, 4vw, 2.5rem); + background: color-mix(in srgb, var(--surface) 88%, transparent); + box-shadow: var(--docs-shadow); + backdrop-filter: blur(18px); +} + +.footer-brand { + display: flex; + align-items: center; + gap: 0.9rem; +} + +.footer-mark { + display: grid; + place-items: center; + width: 2.8rem; + height: 2.8rem; + border-radius: 0.9rem; + color: white; + background: linear-gradient(145deg, var(--brand), #8b5cf6, #c026d3); + font-weight: 850; + box-shadow: 0 10px 25px color-mix(in srgb, var(--brand) 22%, transparent); +} + +.footer-brand p { + display: grid; + gap: 0.2rem; + margin: 0; +} + +.footer-brand p span, +.footer-meta { + color: var(--muted); + font-size: 0.78rem; +} + +footer nav { + justify-content: end; +} + +.footer-meta { + grid-column: 1 / -1; + margin: 0; + padding-top: 1rem; + border-top: 1px solid var(--border); +} + +[data-component="BackToTop"] { + z-index: 70; +} + +@media (max-width: 900px) { + .topbar { + grid-template-columns: 1fr auto; + } + + .portal-main, + .marketing-main, + .page { + padding-inline: 1rem; + } + + .package-page { + grid-template-columns: 1fr; + } + + .sidebar { + position: relative; + top: auto; + } + + .sidebar nav { + display: flex; + flex-wrap: wrap; + } + + .category-filter { + top: calc(var(--docs-header) + 3.5rem); + } + + footer { + grid-template-columns: 1fr; + } + + footer nav { + justify-content: start; + } +} + +@media (max-width: 600px) { + :root { + --docs-header: 4rem; + } + + .topbar { + padding-inline: 1rem; + } + + .brand span { + width: 2rem; + height: 2rem; + } + + .preview-pill { + display: none; + } + + .documentation.standalone { + margin-top: 0.5rem; + padding: 1.4rem; + border-radius: 1.25rem; + } + + .documentation.standalone > h1, + .doc-intro h1 { + font-size: clamp(2.15rem, 13vw, 3.4rem); + } + + .page > .hero.compact, + .marketing-main > section:not(.marketing-hero), + .doc-intro { + padding: 1.4rem; + } + + .marketing-main .marketing-hero { + min-height: 42rem; + } + + .marketing-hero h1 { + font-size: clamp(3rem, 16vw, 4.4rem); + } + + .marketing-hero::before { + top: 3%; + right: -45%; + opacity: 0.7; + } + + .category-filter { + position: relative; + top: auto; + } + + .package-grid { + grid-template-columns: 1fr; + } + + .package-card { + min-height: 11rem; + } + + footer { + width: calc(100% - 2rem); + margin-top: 1rem; + border-radius: 1.15rem; + } +} + +@media (prefers-reduced-motion: reduce) { + .marketing-hero::before, + .package-card, + .marketing-main .feature-grid article, + .actions a, + .topbar nav a { + transition: none; + } +} + /* Marketing shell restored from the visual system at 5eea460. */ .marketing-shell { background: @@ -1275,3 +2085,77 @@ footer a { grid-template-columns: 1fr; } } + +/* Keep the v2 marketing composition last in the cascade. */ +.marketing-main { + width: min(var(--docs-content), 100%); + padding-inline: clamp(1rem, 4vw, 3.5rem); + padding-bottom: 2rem; +} +.marketing-main .marketing-hero { + min-height: min(48rem, calc(100vh - var(--docs-header))); + width: 100%; + max-width: 100%; + margin-inline: 0; + padding-inline: 0; + text-align: left; +} +.marketing-hero h1, +.marketing-hero > p, +.marketing-hero .actions, +.marketing-hero .access-note { + margin-inline: 0; +} +.marketing-hero h1 { + max-width: 10ch; + font-size: clamp(3rem, 8vw, 7rem); + line-height: 0.88; + letter-spacing: -0.075em; +} +.marketing-hero > p:not(.eyebrow):not(.access-note) { + max-width: 48rem; +} +.marketing-hero .actions { + justify-content: flex-start; +} +.marketing-main > section:not(.marketing-hero) { + width: 100%; + margin: 1.25rem 0; + border: 1px solid color-mix(in srgb, var(--border) 82%, transparent); + border-radius: clamp(1.25rem, 3vw, 2rem); + padding: clamp(2rem, 6vw, 5rem); + background: color-mix(in srgb, var(--surface) 88%, transparent); + box-shadow: 0 14px 44px rgb(15 23 42 / 0.05); +} +.marketing-main .feature-grid article { + padding: 1.25rem; +} +@media (max-width: 600px) { + .marketing-main { + padding-inline: 1rem; + } + .marketing-main .marketing-hero { + min-height: 42rem; + width: 100%; + padding-block: 4rem; + } + .marketing-hero h1, + .marketing-hero > p, + .marketing-hero .actions, + .marketing-hero .access-note, + .marketing-hero .code-window { + width: 100%; + max-width: 100%; + overflow-wrap: anywhere; + } + .marketing-hero h1 { + font-size: clamp(3rem, 16vw, 4.4rem); + } + .marketing-hero .actions { + justify-content: flex-start; + } + .marketing-main > section:not(.marketing-hero) { + width: 100%; + padding: 1.4rem; + } +} diff --git a/public/llms.txt b/public/llms.txt index 58900b82..939f494f 100644 --- a/public/llms.txt +++ b/public/llms.txt @@ -12901,6 +12901,18939 @@ Props: eyebrow: string = "", title: string = "", description: string = "", href: Slots: default Events: none +# UI component catalog + +The installed @wrnexus/ui release contains 901 documented components. Every mount name, prop type, required/default status, slot, and event is included below and in llms-full.txt. + +### AcceptAllCookiesButton +Mount: data-component="AcceptAllCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AccessibleAccordion +Mount: data-component="AccessibleAccordion" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleCarousel +Mount: data-component="AccessibleCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleChartSummary +Mount: data-component="AccessibleChartSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleDialog +Mount: data-component="AccessibleDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleErrorSummary +Mount: data-component="AccessibleErrorSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleIcon +Mount: data-component="AccessibleIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleMenu +Mount: data-component="AccessibleMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleTabs +Mount: data-component="AccessibleTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleTooltip +Mount: data-component="AccessibleTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Accordion +Mount: data-component="Accordion" +Category: content +Props: class: string = "", title: string = "Question", open: boolean = false +Slots: default +Events: click + +### AccountMenu +Mount: data-component="AccountMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccountStatusBanner +Mount: data-component="AccountStatusBanner" +Category: feedback +Props: label: string = "AccountStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ActionMenu +Mount: data-component="ActionMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ActiveFilterList +Mount: data-component="ActiveFilterList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ActivityList +Mount: data-component="ActivityList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AddOnCard +Mount: data-component="AddOnCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AddressInput +Mount: data-component="AddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AddressPreview +Mount: data-component="AddressPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AdvancedFilterBuilder +Mount: data-component="AdvancedFilterBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Alert +Mount: data-component="Alert" +Category: feedback +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Slots: default +Events: click + +### AlertDialog +Mount: data-component="AlertDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AmountInput +Mount: data-component="AmountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AnalyticsDashboardPreview +Mount: data-component="AnalyticsDashboardPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AnchorNavigation +Mount: data-component="AnchorNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AnnouncementBar +Mount: data-component="AnnouncementBar" +Category: core +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 + +### ApartmentInput +Mount: data-component="ApartmentInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ApiAuthenticationNotice +Mount: data-component="ApiAuthenticationNotice" +Category: feedback +Props: label: string = "ApiAuthentication", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiEndpointCard +Mount: data-component="ApiEndpointCard" +Category: content +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" +Slots: default +Events: none + +### ApiErrorExample +Mount: data-component="ApiErrorExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiHeaderTable +Mount: data-component="ApiHeaderTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiKeyCreateDialog +Mount: data-component="ApiKeyCreateDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ApiKeyDisplay +Mount: data-component="ApiKeyDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiKeyInput +Mount: data-component="ApiKeyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ApiMethodBadge +Mount: data-component="ApiMethodBadge" +Category: feedback +Props: label: string = "ApiMethod", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiParameterTable +Mount: data-component="ApiParameterTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiRateLimitNotice +Mount: data-component="ApiRateLimitNotice" +Category: feedback +Props: label: string = "ApiRateLimit", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiRequestExample +Mount: data-component="ApiRequestExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiResponseExample +Mount: data-component="ApiResponseExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiSchemaTable +Mount: data-component="ApiSchemaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiSchemaViewer +Mount: data-component="ApiSchemaViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiVersionBadge +Mount: data-component="ApiVersionBadge" +Category: feedback +Props: label: string = "ApiVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### AppHeader +Mount: data-component="AppHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArchitectureSection +Mount: data-component="ArchitectureSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AreaChart +Mount: data-component="AreaChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticleHero +Mount: data-component="ArticleHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleLayout +Mount: data-component="ArticleLayout" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleNewsletterCTA +Mount: data-component="ArticleNewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticlePageShell +Mount: data-component="ArticlePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleShareActions +Mount: data-component="ArticleShareActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AspectRatio +Mount: data-component="AspectRatio" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### AssetCard +Mount: data-component="AssetCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### AttachmentPicker +Mount: data-component="AttachmentPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AttachmentUpload +Mount: data-component="AttachmentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AudioUpload +Mount: data-component="AudioUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditLogPreview +Mount: data-component="AuditLogPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditTable +Mount: data-component="AuditTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AuthenticatorCodeInput +Mount: data-component="AuthenticatorCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AuthorAvatar +Mount: data-component="AuthorAvatar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorCard +Mount: data-component="AuthorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorizedApplicationCard +Mount: data-component="AuthorizedApplicationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AutoGrid +Mount: data-component="AutoGrid" +Category: data +Props: class: string = "" +Slots: default +Events: none + +### AutomationExampleCard +Mount: data-component="AutomationExampleCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AvailabilityCalendar +Mount: data-component="AvailabilityCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Avatar +Mount: data-component="Avatar" +Category: content +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Slots: none +Events: none + +### AvatarGroup +Mount: data-component="AvatarGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AvatarUpload +Mount: data-component="AvatarUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BackButton +Mount: data-component="BackButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### BackToTop +Mount: data-component="BackToTop" +Category: core +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: class: string = "", label: string = "Badge", variant: string = "neutral" +Slots: none +Events: none + +### BankTransferDetails +Mount: data-component="BankTransferDetails" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Banner +Mount: data-component="Banner" +Category: feedback +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Slots: none +Events: none + +### BarChart +Mount: data-component="BarChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### BetaBadge +Mount: data-component="BetaBadge" +Category: feedback +Props: label: string = "Beta", variant: string = "default", class: string = "" +Slots: default +Events: none + +### BillingAddressForm +Mount: data-component="BillingAddressForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingExample +Mount: data-component="BillingExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingPeriodToggle +Mount: data-component="BillingPeriodToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BlackoutDatePicker +Mount: data-component="BlackoutDatePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BlogCard +Mount: data-component="BlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BlogGrid +Mount: data-component="BlogGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogList +Mount: data-component="BlogList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogSearch +Mount: data-component="BlogSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BodyText +Mount: data-component="BodyText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BorderRadiusPicker +Mount: data-component="BorderRadiusPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BottomNavigation +Mount: data-component="BottomNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BrandColorPicker +Mount: data-component="BrandColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BrandSelector +Mount: data-component="BrandSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Breadcrumbs +Mount: data-component="Breadcrumbs" +Category: core +Props: class: string = "", items: string = [], centered: boolean = false, compact: boolean = false, showHome: boolean = true, homeLabel: string = "Home", homeHref: string = "/" +Slots: none +Events: none + +### BrowserFrame +Mount: data-component="BrowserFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BudgetRangeSlider +Mount: data-component="BudgetRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BudgetSelector +Mount: data-component="BudgetSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BusinessHoursPicker +Mount: data-component="BusinessHoursPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Button +Mount: data-component="Button" +Category: actions +Props: label: string = "Button", type: string = "button", variant: string = "primary", size: string = "md", disabled: boolean = false, loading: boolean = false, icon: string = "", className: string = "" +Slots: none +Events: none + +### ButtonGroup +Mount: data-component="ButtonGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ButtonSelector +Mount: data-component="ButtonSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Calendar +Mount: data-component="Calendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CalendarGrid +Mount: data-component="CalendarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CalendarHeader +Mount: data-component="CalendarHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CalendarNavigation +Mount: data-component="CalendarNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CallbackUrlInput +Mount: data-component="CallbackUrlInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CampaignCard +Mount: data-component="CampaignCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CampaignPerformancePreview +Mount: data-component="CampaignPerformancePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CampaignProgress +Mount: data-component="CampaignProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CapabilityGrid +Mount: data-component="CapabilityGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CaptchaField +Mount: data-component="CaptchaField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Card +Mount: data-component="Card" +Category: content +Props: variant: string = "default", padding: string = "md", interactive: boolean = false, className: string = "" +Slots: default +Events: none + +### CardPaymentForm +Mount: data-component="CardPaymentForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CardSelector +Mount: data-component="CardSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CardSkeleton +Mount: data-component="CardSkeleton" +Category: feedback +Props: label: string = "Card", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CareerApplicationForm +Mount: data-component="CareerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CareerBenefitsGrid +Mount: data-component="CareerBenefitsGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Carousel +Mount: data-component="Carousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyCard +Mount: data-component="CaseStudyCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyHero +Mount: data-component="CaseStudyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CaseStudyPreview +Mount: data-component="CaseStudyPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CenteredCTA +Mount: data-component="CenteredCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CenteredHero +Mount: data-component="CenteredHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CenteredSectionHeader +Mount: data-component="CenteredSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CertificateUpload +Mount: data-component="CertificateUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CertificationBadge +Mount: data-component="CertificationBadge" +Category: feedback +Props: label: string = "Certification", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChallengeSection +Mount: data-component="ChallengeSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ChannelBadge +Mount: data-component="ChannelBadge" +Category: feedback +Props: label: string = "Channel", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChannelCard +Mount: data-component="ChannelCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ChannelComparisonChart +Mount: data-component="ChannelComparisonChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelComparisonTable +Mount: data-component="ChannelComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelFallbackDiagram +Mount: data-component="ChannelFallbackDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelFlow +Mount: data-component="ChannelFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelIcon +Mount: data-component="ChannelIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChannelRateTable +Mount: data-component="ChannelRateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelSelector +Mount: data-component="ChannelSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CharacterCounter +Mount: data-component="CharacterCounter" +Category: feedback +Props: label: string = "Character", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartEmptyState +Mount: data-component="ChartEmptyState" +Category: feedback +Props: label: string = "ChartEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartTooltip +Mount: data-component="ChartTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Checkbox +Mount: data-component="Checkbox" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Slots: none +Events: none + +### CheckboxGroup +Mount: data-component="CheckboxGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Checklist +Mount: data-component="Checklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChecklistProgress +Mount: data-component="ChecklistProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Chip +Mount: data-component="Chip" +Category: core +Props: label: string = "Chip", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChipInput +Mount: data-component="ChipInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CircularProgress +Mount: data-component="CircularProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CitySelector +Mount: data-component="CitySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ClearFiltersButton +Mount: data-component="ClearFiltersButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ClickableCard +Mount: data-component="ClickableCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CloseButton +Mount: data-component="CloseButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### Cluster +Mount: data-component="Cluster" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### Code +Mount: data-component="Code" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeBlock +Mount: data-component="CodeBlock" +Category: content +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" +Slots: none +Events: click + +### CodeCopyButton +Mount: data-component="CodeCopyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CodeHeader +Mount: data-component="CodeHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CodeInput +Mount: data-component="CodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CodeLanguageBadge +Mount: data-component="CodeLanguageBadge" +Category: feedback +Props: label: string = "CodeLanguage", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CodeTabs +Mount: data-component="CodeTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeText +Mount: data-component="CodeText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CohortChart +Mount: data-component="CohortChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ColorGrid +Mount: data-component="ColorGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ColorHexInput +Mount: data-component="ColorHexInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorPicker +Mount: data-component="ColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorSelector +Mount: data-component="ColorSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorSwatch +Mount: data-component="ColorSwatch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Combobox +Mount: data-component="Combobox" +Category: core +Props: id: string = "combobox", name: string = "", label: string = "Choose an option", placeholder: string = "Search options", options: string = [], required: boolean = false, disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### ComingSoonBadge +Mount: data-component="ComingSoonBadge" +Category: feedback +Props: label: string = "ComingSoon", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ComingSoonState +Mount: data-component="ComingSoonState" +Category: feedback +Props: label: string = "ComingSoon", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CommandBlock +Mount: data-component="CommandBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CommandMenu +Mount: data-component="CommandMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### CommandSearchInput +Mount: data-component="CommandSearchInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CompanyHero +Mount: data-component="CompanyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanyNameInput +Mount: data-component="CompanyNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CompanyPageShell +Mount: data-component="CompanyPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanySizeSelector +Mount: data-component="CompanySizeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ComparisonDateRangePicker +Mount: data-component="ComparisonDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ComparisonTable +Mount: data-component="ComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CompletionMeter +Mount: data-component="CompletionMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ComplianceBadgeList +Mount: data-component="ComplianceBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ComplianceProgramCard +Mount: data-component="ComplianceProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConfirmationDialog +Mount: data-component="ConfirmationDialog" +Category: overlays +Props: 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 = "" +Slots: confirm +Events: click + +### ConfirmPasswordInput +Mount: data-component="ConfirmPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ConnectedAccountCard +Mount: data-component="ConnectedAccountCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConnectionCard +Mount: data-component="ConnectionCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ConsentTimelinePreview +Mount: data-component="ConsentTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactCard +Mount: data-component="ContactCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ContactCTA +Mount: data-component="ContactCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactForm +Mount: data-component="ContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactHero +Mount: data-component="ContactHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactPageShell +Mount: data-component="ContactPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactSalesBanner +Mount: data-component="ContactSalesBanner" +Category: core +Props: class: string = "", eyebrow: string = "Enterprise identity", title: string = "Ready to secure your next application?", description: string = "", primaryLabel: string = "Contact sales", primaryHref: string = "/contact", secondaryLabel: string = "Start free", secondaryHref: string = "/sign-up", iconClass: string = "icon-[lucide--messages-square]", centered: boolean = false, compact: boolean = false, points: string = [], trustPoints: string = [] +Slots: none +Events: none + +### ContactSalesButton +Mount: data-component="ContactSalesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactSalesForm +Mount: data-component="ContactSalesForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Container +Mount: data-component="Container" +Category: core +Props: size: string = "default", className: string = "" +Slots: default +Events: none + +### ContextMenu +Mount: data-component="ContextMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ContextSwitcher +Mount: data-component="ContextSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversationList +Mount: data-component="ConversationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ConversationPreview +Mount: data-component="ConversationPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversionChart +Mount: data-component="ConversionChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CookieBanner +Mount: data-component="CookieBanner" +Category: feedback +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 + +### CookieCategoryList +Mount: data-component="CookieCategoryList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookieCategoryToggle +Mount: data-component="CookieCategoryToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CookieConsent +Mount: data-component="CookieConsent" +Category: core +Props: class: string = "" +Slots: none +Events: click, change + +### CookieDetailsTable +Mount: data-component="CookieDetailsTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookiePreferencesDialog +Mount: data-component="CookiePreferencesDialog" +Category: overlays +Props: 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 = "" +Slots: none +Events: change, click + +### CookieTable +Mount: data-component="CookieTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CoordinatesInput +Mount: data-component="CoordinatesInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CoordinatesPicker +Mount: data-component="CoordinatesPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CopyButton +Mount: data-component="CopyButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopyCodeButton +Mount: data-component="CopyCodeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopySecretField +Mount: data-component="CopySecretField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CostBreakdownChart +Mount: data-component="CostBreakdownChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CostSummary +Mount: data-component="CostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Counter +Mount: data-component="Counter" +Category: feedback +Props: label: string = "Status", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CountryCallingCodeInput +Mount: data-component="CountryCallingCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CountryCallingCodeSelector +Mount: data-component="CountryCallingCodeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CountrySelector +Mount: data-component="CountrySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CouponInput +Mount: data-component="CouponInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CreditAmountInput +Mount: data-component="CreditAmountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CronBuilder +Mount: data-component="CronBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CronInput +Mount: data-component="CronInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CsvUpload +Mount: data-component="CsvUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CTASection +Mount: data-component="CTASection" +Category: layout +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 + +### CurrencyInput +Mount: data-component="CurrencyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CurrencySelector +Mount: data-component="CurrencySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CurrentPasswordInput +Mount: data-component="CurrentPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CustomerLogo +Mount: data-component="CustomerLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CustomerStoryCard +Mount: data-component="CustomerStoryCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DangerButton +Mount: data-component="DangerButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DataProtectionCard +Mount: data-component="DataProtectionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DataRetentionTable +Mount: data-component="DataRetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DataTable +Mount: data-component="DataTable" +Category: data +Props: caption: string = "Data table", columns: string = [], rows: string = [], emptyMessage: string = "No data available.", striped: boolean = false, class: string = "" +Slots: none +Events: none + +### DateInput +Mount: data-component="DateInput" +Category: forms +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: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Slots: none +Events: none + +### DateRangeCalendar +Mount: data-component="DateRangeCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateRangePicker +Mount: data-component="DateRangePicker" +Category: forms +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Slots: none +Events: none + +### DateRangeSlider +Mount: data-component="DateRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateTimeInput +Mount: data-component="DateTimeInput" +Category: forms +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 + +### DateTimePicker +Mount: data-component="DateTimePicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### DateTimeRangePicker +Mount: data-component="DateTimeRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DecimalInput +Mount: data-component="DecimalInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DefinitionList +Mount: data-component="DefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DeleteConfirmationDialog +Mount: data-component="DeleteConfirmationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeliveryPreview +Mount: data-component="DeliveryPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DeliveryStatusChart +Mount: data-component="DeliveryStatusChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DeliveryStatusTimeline +Mount: data-component="DeliveryStatusTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DemoRequestForm +Mount: data-component="DemoRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DepartmentInput +Mount: data-component="DepartmentInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DeprecatedFeatureAlert +Mount: data-component="DeprecatedFeatureAlert" +Category: feedback +Props: label: string = "DeprecatedFeature", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### DescriptionList +Mount: data-component="DescriptionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DesktopNavigation +Mount: data-component="DesktopNavigation" +Category: layout +Props: label: string = "Primary navigation", items: string = [], class: string = "" +Slots: none +Events: none + +### DeveloperCTA +Mount: data-component="DeveloperCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DeveloperHero +Mount: data-component="DeveloperHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperPageShell +Mount: data-component="DeveloperPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperSearch +Mount: data-component="DeveloperSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DevelopersMegaMenu +Mount: data-component="DevelopersMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### DevelopersMenu +Mount: data-component="DevelopersMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeviceCard +Mount: data-component="DeviceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### disclosure +Mount: data-component="disclosure" +Category: core +Props: summary: string = "Details", class: string = "" +Slots: default +Events: none + +### DiscountInput +Mount: data-component="DiscountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DisplayHeading +Mount: data-component="DisplayHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DisplayNameInput +Mount: data-component="DisplayNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Divider +Mount: data-component="Divider" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### DocumentPreview +Mount: data-component="DocumentPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DocumentUpload +Mount: data-component="DocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DomainInput +Mount: data-component="DomainInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DoNotSellLink +Mount: data-component="DoNotSellLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DonutChart +Mount: data-component="DonutChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadAction +Mount: data-component="DownloadAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadButton +Mount: data-component="DownloadButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadGateForm +Mount: data-component="DownloadGateForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DownloadPolicyButton +Mount: data-component="DownloadPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadResourceForm +Mount: data-component="DownloadResourceForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Drawer +Mount: data-component="Drawer" +Category: core +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" +Slots: default +Events: click + +### DropdownMenu +Mount: data-component="DropdownMenu" +Category: overlays +Props: class: string = "", label: string = "Menu" +Slots: default +Events: click + +### DropdownNavigation +Mount: data-component="DropdownNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DurationInput +Mount: data-component="DurationInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DurationPicker +Mount: data-component="DurationPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DurationSlider +Mount: data-component="DurationSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ElevatedCard +Mount: data-component="ElevatedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### EmailBodyEditor +Mount: data-component="EmailBodyEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EmailComposer +Mount: data-component="EmailComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EmailInput +Mount: data-component="EmailInput" +Category: forms +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 + +### EmojiPicker +Mount: data-component="EmojiPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EmptyState +Mount: data-component="EmptyState" +Category: feedback +Props: class: string = "", eyebrow: string = "", title: string = "Nothing found", description: string = "", iconClass: string = "icon-[lucide--inbox]", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", compact: boolean = false, centered: boolean = true, suggestions: string = [] +Slots: none +Events: none + +### EncryptionDiagram +Mount: data-component="EncryptionDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseCTA +Mount: data-component="EnterpriseCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseHero +Mount: data-component="EnterpriseHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### EnterprisePricingCard +Mount: data-component="EnterprisePricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EnvironmentSelector +Mount: data-component="EnvironmentSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EnvironmentSwitcher +Mount: data-component="EnvironmentSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorActions +Mount: data-component="ErrorActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ErrorCard +Mount: data-component="ErrorCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ErrorCode +Mount: data-component="ErrorCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorHero +Mount: data-component="ErrorHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorIllustration +Mount: data-component="ErrorIllustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPage +Mount: data-component="ErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPageShell +Mount: data-component="ErrorPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorState +Mount: data-component="ErrorState" +Category: feedback +Props: class: string = "", type: string = "error", eyebrow: string = "", title: string = "Something went wrong", description: string = "", errorCode: string = "", iconClass: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", retryLabel: string = "", retryAction: string = "", centered: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### ErrorSupportLink +Mount: data-component="ErrorSupportLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EstimatedCostSummary +Mount: data-component="EstimatedCostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EventTable +Mount: data-component="EventTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ExpandableText +Mount: data-component="ExpandableText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ExpiryDateTimePicker +Mount: data-component="ExpiryDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ExportProgress +Mount: data-component="ExportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ExternalLink +Mount: data-component="ExternalLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EyebrowText +Mount: data-component="EyebrowText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FactorCard +Mount: data-component="FactorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteBuilder +Mount: data-component="FallbackRouteBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteDiagram +Mount: data-component="FallbackRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FAQ +Mount: data-component="FAQ" +Category: core +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: 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 + +### FaviconUpload +Mount: data-component="FaviconUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FaxInput +Mount: data-component="FaxInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FeatureCard +Mount: data-component="FeatureCard" +Category: content +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Slots: none +Events: none + +### FeatureChecklist +Mount: data-component="FeatureChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureComparisonTable +Mount: data-component="FeatureComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeaturedBlogCard +Mount: data-component="FeaturedBlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureDetailsPanel +Mount: data-component="FeatureDetailsPanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FeatureGrid +Mount: data-component="FeatureGrid" +Category: data +Props: columns: number = 3, className: string = "" +Slots: default +Events: none + +### FeatureIconCard +Mount: data-component="FeatureIconCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureList +Mount: data-component="FeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeatureTabs +Mount: data-component="FeatureTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureTimeline +Mount: data-component="FeatureTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FeatureUnavailableState +Mount: data-component="FeatureUnavailableState" +Category: feedback +Props: label: string = "FeatureUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FieldActions +Mount: data-component="FieldActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### file-upload +Mount: data-component="file-upload" +Category: core +Props: 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 = "" +Slots: none +Events: none + +### FileInput +Mount: data-component="FileInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FileList +Mount: data-component="FileList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FileSizeInput +Mount: data-component="FileSizeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FileSizeLabel +Mount: data-component="FileSizeLabel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FileTypeBadge +Mount: data-component="FileTypeBadge" +Category: feedback +Props: label: string = "FileType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FileUpload +Mount: data-component="FileUpload" +Category: content +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 + +### FilterableTable +Mount: data-component="FilterableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FilterBar +Mount: data-component="FilterBar" +Category: core +Props: label: string = "Filters", clearLabel: string = "Clear filters", showClear: boolean = true, class: string = "" +Slots: default +Events: none + +### FilterMenu +Mount: data-component="FilterMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FilterSearchInput +Mount: data-component="FilterSearchInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FinalCTA +Mount: data-component="FinalCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FirstNameInput +Mount: data-component="FirstNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Flex +Mount: data-component="Flex" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FontPicker +Mount: data-component="FontPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FontSizePicker +Mount: data-component="FontSizePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FontWeightPicker +Mount: data-component="FontWeightPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FooterLanguageSwitcher +Mount: data-component="FooterLanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FooterStatusIndicator +Mount: data-component="FooterStatusIndicator" +Category: feedback +Props: label: string = "FooterStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForbiddenPage +Mount: data-component="ForbiddenPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ForbiddenState +Mount: data-component="ForbiddenState" +Category: feedback +Props: label: string = "Forbidden", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForgotPasswordForm +Mount: data-component="ForgotPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Form +Mount: data-component="Form" +Category: content +Props: action: string = "", method: string = "post", name: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormActions +Mount: data-component="FormActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FormAlert +Mount: data-component="FormAlert" +Category: feedback +Props: label: string = "Form", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FormDialog +Mount: data-component="FormDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FormError +Mount: data-component="FormError" +Category: core +Props: id: string = "", message: string = "", class: string = "" +Slots: default +Events: none + +### FormErrorSummary +Mount: data-component="FormErrorSummary" +Category: content +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true +Slots: default +Events: none + +### FormField +Mount: data-component="FormField" +Category: forms +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false +Slots: default +Events: none + +### FormGrid +Mount: data-component="FormGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormGroup +Mount: data-component="FormGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FormHelpText +Mount: data-component="FormHelpText" +Category: content +Props: id: string = "", text: string = "", class: string = "" +Slots: default +Events: none + +### FormLabel +Mount: data-component="FormLabel" +Category: content +Props: for: string = "", label: string = "Label", required: boolean = false, optional: boolean = false, class: string = "" +Slots: none +Events: none + +### FormProgress +Mount: data-component="FormProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormRow +Mount: data-component="FormRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormSection +Mount: data-component="FormSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FullBleed +Mount: data-component="FullBleed" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FullscreenDialog +Mount: data-component="FullscreenDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FunnelChart +Mount: data-component="FunnelChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeoChart +Mount: data-component="GeoChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeofenceEditor +Mount: data-component="GeofenceEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### GhostButton +Mount: data-component="GhostButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GlassCard +Mount: data-component="GlassCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### GlobalSearch +Mount: data-component="GlobalSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GradientCTA +Mount: data-component="GradientCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GradientPicker +Mount: data-component="GradientPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### GradientStopEditor +Mount: data-component="GradientStopEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Grid +Mount: data-component="Grid" +Category: data +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### GuideCard +Mount: data-component="GuideCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideChecklist +Mount: data-component="GuideChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideDifficultyBadge +Mount: data-component="GuideDifficultyBadge" +Category: feedback +Props: label: string = "GuideDifficulty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### GuideGrid +Mount: data-component="GuideGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### GuideStep +Mount: data-component="GuideStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Header +Mount: data-component="Header" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeaderActions +Mount: data-component="HeaderActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HealthIndicator +Mount: data-component="HealthIndicator" +Category: feedback +Props: label: string = "Health", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Hero +Mount: data-component="Hero" +Category: layout +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 + +### HeroActions +Mount: data-component="HeroActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroCodePanel +Mount: data-component="HeroCodePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeroGradientText +Mount: data-component="HeroGradientText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroPrimaryAction +Mount: data-component="HeroPrimaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroProductPreview +Mount: data-component="HeroProductPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroSecondaryAction +Mount: data-component="HeroSecondaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroTrustText +Mount: data-component="HeroTrustText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HexColorInput +Mount: data-component="HexColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HiddenField +Mount: data-component="HiddenField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HighlightText +Mount: data-component="HighlightText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HolidayCalendar +Mount: data-component="HolidayCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HostnameInput +Mount: data-component="HostnameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HourPicker +Mount: data-component="HourPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HslColorInput +Mount: data-component="HslColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### hstack +Mount: data-component="hstack" +Category: core +Props: gap: string = "4", align: string = "center", class: string = "" +Slots: default +Events: none + +### HtmlEditor +Mount: data-component="HtmlEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HumanApprovalStep +Mount: data-component="HumanApprovalStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Icon +Mount: data-component="Icon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IconButton +Mount: data-component="IconButton" +Category: actions +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Slots: none +Events: none + +### IconPicker +Mount: data-component="IconPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IconSelector +Mount: data-component="IconSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IdentifierInput +Mount: data-component="IdentifierInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Illustration +Mount: data-component="Illustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageCompressionPreview +Mount: data-component="ImageCompressionPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageEditor +Mount: data-component="ImageEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ImagePreviewDialog +Mount: data-component="ImagePreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ImageSelector +Mount: data-component="ImageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ImageUpload +Mount: data-component="ImageUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImportProgress +Mount: data-component="ImportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentAlert +Mount: data-component="IncidentAlert" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentBanner +Mount: data-component="IncidentBanner" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentCard +Mount: data-component="IncidentCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IncidentList +Mount: data-component="IncidentList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### IncidentResponseFlow +Mount: data-component="IncidentResponseFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentSeverityBadge +Mount: data-component="IncidentSeverityBadge" +Category: feedback +Props: label: string = "IncidentSeverity", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentTimeline +Mount: data-component="IncidentTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IndustryBadge +Mount: data-component="IndustryBadge" +Category: feedback +Props: label: string = "Industry", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IndustrySelector +Mount: data-component="IndustrySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### InfoCard +Mount: data-component="InfoCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### Inline +Mount: data-component="Inline" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### InlineAlert +Mount: data-component="InlineAlert" +Category: feedback +Props: label: string = "Inline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### InlineCode +Mount: data-component="InlineCode" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### input +Mount: data-component="input" +Category: core +Props: type: string = "text", name: string = "", value: string = "", placeholder: string = "", class: string = "" +Slots: none +Events: none + +### InputGroup +Mount: data-component="InputGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### InsetPanel +Mount: data-component="InsetPanel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### IntegerInput +Mount: data-component="IntegerInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IntegrationCard +Mount: data-component="IntegrationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceLineItem +Mount: data-component="InvoiceLineItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceSummary +Mount: data-component="InvoiceSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IpAddressInput +Mount: data-component="IpAddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JobCard +Mount: data-component="JobCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### JobProgress +Mount: data-component="JobProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### JobTitleInput +Mount: data-component="JobTitleInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JsonInput +Mount: data-component="JsonInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JsonViewer +Mount: data-component="JsonViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### KeyValueTable +Mount: data-component="KeyValueTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### KycDocumentUpload +Mount: data-component="KycDocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LanguageSelector +Mount: data-component="LanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LanguageSwitcher +Mount: data-component="LanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LastNameInput +Mount: data-component="LastNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LatencyMetric +Mount: data-component="LatencyMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LatitudeInput +Mount: data-component="LatitudeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LeadershipGrid +Mount: data-component="LeadershipGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LeadText +Mount: data-component="LeadText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalAcceptanceNotice +Mount: data-component="LegalAcceptanceNotice" +Category: feedback +Props: label: string = "LegalAcceptance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalBulletList +Mount: data-component="LegalBulletList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalContactBlock +Mount: data-component="LegalContactBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalDefinitionList +Mount: data-component="LegalDefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalDocumentHeader +Mount: data-component="LegalDocumentHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalDocumentLayout +Mount: data-component="LegalDocumentLayout" +Category: layout +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Slots: toc, default +Events: none + +### LegalHero +Mount: data-component="LegalHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalLanguageSelector +Mount: data-component="LegalLanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LegalNotice +Mount: data-component="LegalNotice" +Category: feedback +Props: label: string = "Legal", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalPageShell +Mount: data-component="LegalPageShell" +Category: layout +Props: class: string = "" +Slots: navigation, default +Events: none + +### LegalPrintButton +Mount: data-component="LegalPrintButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LegalRegionSelector +Mount: data-component="LegalRegionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LegalSection +Mount: data-component="LegalSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalSummary +Mount: data-component="LegalSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalTable +Mount: data-component="LegalTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalTableOfContents +Mount: data-component="LegalTableOfContents" +Category: core +Props: title: string = "On this page", items: string = [], class: string = "" +Slots: none +Events: none + +### LegalVersionBadge +Mount: data-component="LegalVersionBadge" +Category: feedback +Props: label: string = "LegalVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LetterSpacingPicker +Mount: data-component="LetterSpacingPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LicenseKeyInput +Mount: data-component="LicenseKeyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Lightbox +Mount: data-component="Lightbox" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LineChart +Mount: data-component="LineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LineHeightPicker +Mount: data-component="LineHeightPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Link +Mount: data-component="Link" +Category: core +Props: href: string = "#", label: string = "Link", external: boolean = false, className: string = "" +Slots: none +Events: none + +### LinkButton +Mount: data-component="LinkButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### List +Mount: data-component="List" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LoadingButton +Mount: data-component="LoadingButton" +Category: actions +Props: label: string = "Continue", loadingLabel: string = "Loading…", loading: boolean = false, disabled: boolean = false, type: string = "button", variant: string = "primary", class: string = "" +Slots: none +Events: none + +### LocaleSelector +Mount: data-component="LocaleSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LocalizedRouteLink +Mount: data-component="LocalizedRouteLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LocationPicker +Mount: data-component="LocationPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Logo +Mount: data-component="Logo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoCloud +Mount: data-component="LogoCloud" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "Trusted by teams building modern products", description: string = "", logos: string = [], centered: boolean = true, compact: boolean = false, variant: string = "strip", grayscale: boolean = true, showNames: boolean = false, maxItems: number = 8 +Slots: none +Events: none + +### LogoUpload +Mount: data-component="LogoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoutDialog +Mount: data-component="LogoutDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LogTable +Mount: data-component="LogTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LongitudeInput +Mount: data-component="LongitudeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MaintenanceAlert +Mount: data-component="MaintenanceAlert" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceBanner +Mount: data-component="MaintenanceBanner" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceCard +Mount: data-component="MaintenanceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenancePage +Mount: data-component="MaintenancePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenanceState +Mount: data-component="MaintenanceState" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceWindowPicker +Mount: data-component="MaintenanceWindowPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MapPicker +Mount: data-component="MapPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MarkdownEditor +Mount: data-component="MarkdownEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MarketingPageShell +Mount: data-component="MarketingPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### MarketingSectionHeader +Mount: data-component="MarketingSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MaskedSecretField +Mount: data-component="MaskedSecretField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MegaMenu +Mount: data-component="MegaMenu" +Category: overlays +Props: label: string = "Explore", sections: string = [], class: string = "" +Slots: none +Events: click + +### MemberList +Mount: data-component="MemberList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### MentionInput +Mount: data-component="MentionInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MessageCharacterCounter +Mount: data-component="MessageCharacterCounter" +Category: feedback +Props: label: string = "MessageCharacter", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MessageComposer +Mount: data-component="MessageComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageComposerPreview +Mount: data-component="MessageComposerPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageLimitInput +Mount: data-component="MessageLimitInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MessagePreview +Mount: data-component="MessagePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageVolumeSlider +Mount: data-component="MessageVolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Metric +Mount: data-component="Metric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### MetricCard +Mount: data-component="MetricCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MetricGrid +Mount: data-component="MetricGrid" +Category: data +Props: label: string = "Key metrics", metrics: string = [], class: string = "" +Slots: none +Events: none + +### MetricText +Mount: data-component="MetricText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MinutePicker +Mount: data-component="MinutePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MissionSection +Mount: data-component="MissionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileDeviceFrame +Mount: data-component="MobileDeviceFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileInput +Mount: data-component="MobileInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MobileMenuButton +Mount: data-component="MobileMenuButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### MobileNavigation +Mount: data-component="MobileNavigation" +Category: layout +Props: label: string = "Menu", closeLabel: string = "Close menu", items: string = [], class: string = "" +Slots: none +Events: click + +### MobileTableCard +Mount: data-component="MobileTableCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Modal +Mount: data-component="Modal" +Category: core +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Slots: default +Events: click + +### MonthlyVolumeSelector +Mount: data-component="MonthlyVolumeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MonthPicker +Mount: data-component="MonthPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MonthYearPicker +Mount: data-component="MonthYearPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MultiFileUpload +Mount: data-component="MultiFileUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MultipleEmailInput +Mount: data-component="MultipleEmailInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MultiSelect +Mount: data-component="MultiSelect" +Category: core +Props: id: string = "multi-select", name: string = "", label: string = "Choose options", options: string = [], required: boolean = false, disabled: boolean = false, size: number = 5, class: string = "" +Slots: none +Events: none + +### MutedText +Mount: data-component="MutedText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NameInput +Mount: data-component="NameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### NarrowContainer +Mount: data-component="NarrowContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Navigation +Mount: data-component="Navigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NavigationItem +Mount: data-component="NavigationItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NavigationMegaMenu +Mount: data-component="NavigationMegaMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### NewBadge +Mount: data-component="NewBadge" +Category: feedback +Props: label: string = "New", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NewPasswordInput +Mount: data-component="NewPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### NewsletterCTA +Mount: data-component="NewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### NewsletterForm +Mount: data-component="NewsletterForm" +Category: content +Props: class: string = "", eyebrow: string = "", title: string = "Stay up to date", description: string = "", placeholder: string = "Enter your email", buttonLabel: string = "Subscribe", action: string = "/newsletter/subscribe", method: string = "post", emailName: string = "email", privacyLabel: string = "", privacyHref: string = "/privacy", successMessage: string = "You are subscribed.", errorMessage: string = "Something went wrong. Please try again.", iconClass: string = "icon-[lucide--mail]", centered: boolean = false, compact: boolean = false, showIcon: boolean = true, showPrivacy: boolean = true, fullWidth: boolean = false +Slots: none +Events: submit, input + +### NoResultsState +Mount: data-component="NoResultsState" +Category: feedback +Props: label: string = "NoResults", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotFoundPage +Mount: data-component="NotFoundPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NotFoundState +Mount: data-component="NotFoundState" +Category: feedback +Props: label: string = "NotFound", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationCard +Mount: data-component="NotificationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### NotificationDot +Mount: data-component="NotificationDot" +Category: core +Props: label: string = "Notification", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationList +Mount: data-component="NotificationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### NumberInput +Mount: data-component="NumberInput" +Category: forms +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 + +### OfficeCard +Mount: data-component="OfficeCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflinePage +Mount: data-component="OfflinePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflineState +Mount: data-component="OfflineState" +Category: feedback +Props: label: string = "Offline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OnboardingProgress +Mount: data-component="OnboardingProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### OneTimeSecretDisplay +Mount: data-component="OneTimeSecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OnlineIndicator +Mount: data-component="OnlineIndicator" +Category: feedback +Props: label: string = "Online", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OpacitySlider +Mount: data-component="OpacitySlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OpenAPICTA +Mount: data-component="OpenAPICTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### OptionalIndicator +Mount: data-component="OptionalIndicator" +Category: feedback +Props: label: string = "Optional", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OrganizationSelector +Mount: data-component="OrganizationSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### OtpInput +Mount: data-component="OtpInput" +Category: forms +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" +Slots: none +Events: none + +### OtpVerificationForm +Mount: data-component="OtpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OutlinedCard +Mount: data-component="OutlinedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### PageAlert +Mount: data-component="PageAlert" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PageHeader +Mount: data-component="PageHeader" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "", description: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", icon: string = "sparkles", centered: boolean = false, compact: boolean = false, showBreadcrumbs: boolean = false, breadcrumbParent: string = "", breadcrumbParentHref: string = "", breadcrumbCurrent: string = "", highlights: string = [] +Slots: none +Events: none + +### PageHeading +Mount: data-component="PageHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PageShell +Mount: data-component="PageShell" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### PageSkeleton +Mount: data-component="PageSkeleton" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Pagination +Mount: data-component="Pagination" +Category: core +Props: class: string = "", currentPage: number = 1, totalPages: number = 1, previousHref: string = "", nextHref: string = "", pages: string = [], showNumbers: boolean = true, showSummary: boolean = true, totalItems: number = 0, pageSize: number = 10, compact: boolean = false, centered: boolean = false +Slots: none +Events: none + +### Panel +Mount: data-component="Panel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### PartnerApplicationForm +Mount: data-component="PartnerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PartnerLogoGrid +Mount: data-component="PartnerLogoGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PartnerProgramCard +Mount: data-component="PartnerProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PasskeyButton +Mount: data-component="PasskeyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordInput +Mount: data-component="PasswordInput" +Category: forms +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 + +### PasswordRequirementList +Mount: data-component="PasswordRequirementList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PasswordStrengthMeter +Mount: data-component="PasswordStrengthMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordVisibilityToggle +Mount: data-component="PasswordVisibilityToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PathInput +Mount: data-component="PathInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PaymentMethodCard +Mount: data-component="PaymentMethodCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PdfPreview +Mount: data-component="PdfPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PercentageInput +Mount: data-component="PercentageInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PermissionSelector +Mount: data-component="PermissionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PhoneInput +Mount: data-component="PhoneInput" +Category: forms +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 + +### PieChart +Mount: data-component="PieChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Pill +Mount: data-component="Pill" +Category: core +Props: label: string = "Pill", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PinInput +Mount: data-component="PinInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlainTextEditor +Mount: data-component="PlainTextEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlanCTA +Mount: data-component="PlanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PlanFeatureList +Mount: data-component="PlanFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanLimitList +Mount: data-component="PlanLimitList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanSelector +Mount: data-component="PlanSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlatformPillarCard +Mount: data-component="PlatformPillarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PolicyVersionTable +Mount: data-component="PolicyVersionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Popover +Mount: data-component="Popover" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### PortInput +Mount: data-component="PortInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PortNumberInput +Mount: data-component="PortNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PositiveNumberInput +Mount: data-component="PositiveNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PostalCodeInput +Mount: data-component="PostalCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PostmanCTA +Mount: data-component="PostmanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PresetDateRangePicker +Mount: data-component="PresetDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PressReleaseCard +Mount: data-component="PressReleaseCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PreviewBadge +Mount: data-component="PreviewBadge" +Category: feedback +Props: label: string = "Preview", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PreviousNextNavigation +Mount: data-component="PreviousNextNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PriceInput +Mount: data-component="PriceInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PriceRangeSlider +Mount: data-component="PriceRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PriceText +Mount: data-component="PriceText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingCard +Mount: data-component="PricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingComparisonTable +Mount: data-component="PricingComparisonTable" +Category: data +Props: caption: string = "Plan comparison", plans: string = [], features: string = [], class: string = "" +Slots: none +Events: none + +### PricingContactForm +Mount: data-component="PricingContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingFeatureGroup +Mount: data-component="PricingFeatureGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PricingGrid +Mount: data-component="PricingGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingHero +Mount: data-component="PricingHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingPlanCard +Mount: data-component="PricingPlanCard" +Category: content +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 + +### PricingTable +Mount: data-component="PricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingToggle +Mount: data-component="PricingToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PrimaryButton +Mount: data-component="PrimaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintAction +Mount: data-component="PrintAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintPolicyButton +Mount: data-component="PrintPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrioritySelector +Mount: data-component="PrioritySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PrivacyNotice +Mount: data-component="PrivacyNotice" +Category: feedback +Props: label: string = "Privacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductArchitectureDiagram +Mount: data-component="ProductArchitectureDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductCard +Mount: data-component="ProductCard" +Category: content +Props: eyebrow: string = "Product", title: string = "Product name", description: string = "", href: string = "#", actionLabel: string = "Learn more", status: string = "", class: string = "" +Slots: none +Events: none + +### ProductCategorySection +Mount: data-component="ProductCategorySection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductCTA +Mount: data-component="ProductCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductFeatureList +Mount: data-component="ProductFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductGrid +Mount: data-component="ProductGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductHero +Mount: data-component="ProductHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductIcon +Mount: data-component="ProductIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductIntegrationList +Mount: data-component="ProductIntegrationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductList +Mount: data-component="ProductList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductLogo +Mount: data-component="ProductLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductMegaMenu +Mount: data-component="ProductMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### ProductMiniCard +Mount: data-component="ProductMiniCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductNavigationCard +Mount: data-component="ProductNavigationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductPageShell +Mount: data-component="ProductPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### ProductSelector +Mount: data-component="ProductSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ProductsMegaMenu +Mount: data-component="ProductsMegaMenu" +Category: overlays +Props: label: string = "Products", sections: string = [], class: string = "" +Slots: none +Events: none + +### ProductStatusBadge +Mount: data-component="ProductStatusBadge" +Category: feedback +Props: label: string = "ProductStatus", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductUseCaseList +Mount: data-component="ProductUseCaseList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### progress +Mount: data-component="progress" +Category: core +Props: value: number = 0, max: number = 100, class: string = "" +Slots: none +Events: none + +### ProgressBar +Mount: data-component="ProgressBar" +Category: core +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Slots: none +Events: none + +### ProgressChart +Mount: data-component="ProgressChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressRing +Mount: data-component="ProgressRing" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressSlider +Mount: data-component="ProgressSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProjectCard +Mount: data-component="ProjectCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ProjectSelector +Mount: data-component="ProjectSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ProjectSwitcher +Mount: data-component="ProjectSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PromoCodeInput +Mount: data-component="PromoCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PromptDialog +Mount: data-component="PromptDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ProviderSelector +Mount: data-component="ProviderSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PublicFooter +Mount: data-component="PublicFooter" +Category: core +Props: class: string = "" +Slots: none +Events: submit + +### PublicHeader +Mount: data-component="PublicHeader" +Category: layout +Props: class: string = "" +Slots: none +Events: click + +### PublicHeaderLogo +Mount: data-component="PublicHeaderLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PublicMobileNavigation +Mount: data-component="PublicMobileNavigation" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### PublicPageShell +Mount: data-component="PublicPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PublicSearch +Mount: data-component="PublicSearch" +Category: core +Props: class: string = "", query: string = "", placeholder: string = "Search...", label: string = "Search", action: string = "", method: string = "get", name: string = "q", buttonLabel: string = "", clearLabel: string = "Clear search", size: string = "default", centered: boolean = false, fullWidth: boolean = false, showShortcut: boolean = false, shortcutLabel: string = "⌘ K", suggestions: string = [] +Slots: none +Events: input, focus, blur, click + +### PublishDateTimePicker +Mount: data-component="PublishDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PushComposer +Mount: data-component="PushComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PushNotificationEditor +Mount: data-component="PushNotificationEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### QrCode +Mount: data-component="QrCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuantityInput +Mount: data-component="QuantityInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### QuantityStepper +Mount: data-component="QuantityStepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuietHoursPicker +Mount: data-component="QuietHoursPicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### QuoteText +Mount: data-component="QuoteText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Radio +Mount: data-component="Radio" +Category: core +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: class: string = "", label: string = "Choose one", name: string = "choice" +Slots: default +Events: none + +### RangeInput +Mount: data-component="RangeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RangeSlider +Mount: data-component="RangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateLimitedState +Mount: data-component="RateLimitedState" +Category: feedback +Props: label: string = "RateLimited", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RateLimitInput +Mount: data-component="RateLimitInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RateLimitPage +Mount: data-component="RateLimitPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateTable +Mount: data-component="RateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RatingSlider +Mount: data-component="RatingSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecipientSelector +Mount: data-component="RecipientSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RecoveryCodeForm +Mount: data-component="RecoveryCodeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecoveryCodeInput +Mount: data-component="RecoveryCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RecurrenceRuleBuilder +Mount: data-component="RecurrenceRuleBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecurringSchedulePicker +Mount: data-component="RecurringSchedulePicker" +Category: forms +Props: id: string = "recurring-schedule", name: string = "recurrence", label: string = "Repeat", value: string = "none", disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### RedirectUriInput +Mount: data-component="RedirectUriInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ReferenceInput +Mount: data-component="ReferenceInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegexInput +Mount: data-component="RegexInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegionalPrivacyBanner +Mount: data-component="RegionalPrivacyBanner" +Category: feedback +Props: label: string = "RegionalPrivacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionAvailabilityTable +Mount: data-component="RegionAvailabilityTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RegionSelector +Mount: data-component="RegionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegionUnavailableAlert +Mount: data-component="RegionUnavailableAlert" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionUnavailableState +Mount: data-component="RegionUnavailableState" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RejectOptionalCookiesButton +Mount: data-component="RejectOptionalCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReopenCookieSettingsButton +Mount: data-component="ReopenCookieSettingsButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReportCard +Mount: data-component="ReportCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestResponseViewer +Mount: data-component="RequestResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestViewer +Mount: data-component="RequestViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequiredIndicator +Mount: data-component="RequiredIndicator" +Category: feedback +Props: label: string = "Required", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResetPasswordForm +Mount: data-component="ResetPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResizablePanel +Mount: data-component="ResizablePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceCard +Mount: data-component="ResourceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourceDownloadCard +Mount: data-component="ResourceDownloadCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcePageShell +Mount: data-component="ResourcePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceSearch +Mount: data-component="ResourceSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcesMegaMenu +Mount: data-component="ResourcesMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### ResourceTypeBadge +Mount: data-component="ResourceTypeBadge" +Category: feedback +Props: label: string = "ResourceType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResponseViewer +Mount: data-component="ResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResponsibleDisclosureCTA +Mount: data-component="ResponsibleDisclosureCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ResponsiveTable +Mount: data-component="ResponsiveTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ResultsSection +Mount: data-component="ResultsSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### RetentionTable +Mount: data-component="RetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RetryCountInput +Mount: data-component="RetryCountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RevenueChart +Mount: data-component="RevenueChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### RgbColorInput +Mount: data-component="RgbColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RichTextEditor +Mount: data-component="RichTextEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RichTextInput +Mount: data-component="RichTextInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RoleSelector +Mount: data-component="RoleSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RollingDateRangePicker +Mount: data-component="RollingDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SaveCookiePreferencesButton +Mount: data-component="SaveCookiePreferencesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SavedFilterSelector +Mount: data-component="SavedFilterSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ScheduledDateTimePicker +Mount: data-component="ScheduledDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ScheduleMessagePicker +Mount: data-component="ScheduleMessagePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SchedulePicker +Mount: data-component="SchedulePicker" +Category: forms +Props: class: string = "", label: string = "Schedule" +Slots: none +Events: none + +### ScreenshotFrame +Mount: data-component="ScreenshotFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ScrollArea +Mount: data-component="ScrollArea" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### SDKCard +Mount: data-component="SDKCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SdkLanguageSelector +Mount: data-component="SdkLanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SDKLanguageTabs +Mount: data-component="SDKLanguageTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SDKTabs +Mount: data-component="SDKTabs" +Category: core +Props: label: string = "SDK languages", tabs: string = [], defaultIndex: number = 0, class: string = "" +Slots: none +Events: click + +### SearchButton +Mount: data-component="SearchButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SearchCategoryTabs +Mount: data-component="SearchCategoryTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SearchDialog +Mount: data-component="SearchDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SearchEmptyState +Mount: data-component="SearchEmptyState" +Category: feedback +Props: label: string = "SearchEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchInput +Mount: data-component="SearchInput" +Category: forms +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 + +### SearchLoadingState +Mount: data-component="SearchLoadingState" +Category: feedback +Props: label: string = "SearchLoading", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchResultItem +Mount: data-component="SearchResultItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecondaryButton +Mount: data-component="SecondaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SecondPicker +Mount: data-component="SecondPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SecretDisplay +Mount: data-component="SecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecretInput +Mount: data-component="SecretInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SecretRevealDialog +Mount: data-component="SecretRevealDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Section +Mount: data-component="Section" +Category: layout +Props: id: string = "", size: string = "default", surface: string = "default", className: string = "" +Slots: default +Events: none + +### SectionActions +Mount: data-component="SectionActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SectionHeader +Mount: data-component="SectionHeader" +Category: layout +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Slots: default +Events: none + +### SectionHeading +Mount: data-component="SectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityAlert +Mount: data-component="SecurityAlert" +Category: feedback +Props: label: string = "Security", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SecurityContactCard +Mount: data-component="SecurityContactCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityFeatureCard +Mount: data-component="SecurityFeatureCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityHero +Mount: data-component="SecurityHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityPillarGrid +Mount: data-component="SecurityPillarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityPracticeList +Mount: data-component="SecurityPracticeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityReportForm +Mount: data-component="SecurityReportForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Select +Mount: data-component="Select" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Slots: default +Events: none + +### SenderIdInput +Mount: data-component="SenderIdInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ServerErrorPage +Mount: data-component="ServerErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ServiceLevelTable +Mount: data-component="ServiceLevelTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusBadge +Mount: data-component="ServiceStatusBadge" +Category: feedback +Props: label: string = "ServiceStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ServiceStatusList +Mount: data-component="ServiceStatusList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusRow +Mount: data-component="ServiceStatusRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SessionCard +Mount: data-component="SessionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SessionExpiredDialog +Mount: data-component="SessionExpiredDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SetupChecklist +Mount: data-component="SetupChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SeveritySelector +Mount: data-component="SeveritySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ShadowPicker +Mount: data-component="ShadowPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ShareAction +Mount: data-component="ShareAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ShareButton +Mount: data-component="ShareButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SidebarLayout +Mount: data-component="SidebarLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SidePanel +Mount: data-component="SidePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SignInForm +Mount: data-component="SignInForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SignInLink +Mount: data-component="SignInLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SignUpForm +Mount: data-component="SignUpForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SiteSearch +Mount: data-component="SiteSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Skeleton +Mount: data-component="Skeleton" +Category: feedback +Props: height: string = "4", rounded: string = "lg", className: string = "" +Slots: none +Events: none + +### SkipLink +Mount: data-component="SkipLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SlaTable +Mount: data-component="SlaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Slider +Mount: data-component="Slider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SlugInput +Mount: data-component="SlugInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SmallText +Mount: data-component="SmallText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SmartRouteDiagram +Mount: data-component="SmartRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### SmsComposer +Mount: data-component="SmsComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SmsMessageEditor +Mount: data-component="SmsMessageEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SmsSegmentCounter +Mount: data-component="SmsSegmentCounter" +Category: feedback +Props: label: string = "SmsSegment", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SocialShare +Mount: data-component="SocialShare" +Category: core +Props: class: string = "", title: string = "Share this page", description: string = "", url: string = "", shareText: string = "", centered: boolean = false, compact: boolean = false, showTitle: boolean = true, showCopy: boolean = true, networks: string = [] +Slots: none +Events: click + +### SolutionHero +Mount: data-component="SolutionHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionPageShell +Mount: data-component="SolutionPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionSection +Mount: data-component="SolutionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionsMegaMenu +Mount: data-component="SolutionsMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### SortableTable +Mount: data-component="SortableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### spacer +Mount: data-component="spacer" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### Spinner +Mount: data-component="Spinner" +Category: core +Props: class: string = "", label: string = "Loading", size: string = "md" +Slots: none +Events: none + +### SplitButton +Mount: data-component="SplitButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitCTA +Mount: data-component="SplitCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitHero +Mount: data-component="SplitHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SplitLayout +Mount: data-component="SplitLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SplitSectionHeader +Mount: data-component="SplitSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stack +Mount: data-component="Stack" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### StartFreeButton +Mount: data-component="StartFreeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### StatCard +Mount: data-component="StatCard" +Category: content +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Slots: none +Events: none + +### StateSelector +Mount: data-component="StateSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StatusBadge +Mount: data-component="StatusBadge" +Category: feedback +Props: class: string = "", status: string = "operational" +Slots: none +Events: none + +### StatusBanner +Mount: data-component="StatusBanner" +Category: core +Props: class: string = "", type: string = "info", title: string = "", description: string = "", actionLabel: string = "", actionHref: string = "", dismissible: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### StatusPageShell +Mount: data-component="StatusPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### StatusSelector +Mount: data-component="StatusSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StatusSubscribeForm +Mount: data-component="StatusSubscribeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StatusTable +Mount: data-component="StatusTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### StepNavigation +Mount: data-component="StepNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stepper +Mount: data-component="Stepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StepperInput +Mount: data-component="StepperInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StepUpAuthenticationDialog +Mount: data-component="StepUpAuthenticationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### StickerPicker +Mount: data-component="StickerPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Sticky +Mount: data-component="Sticky" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### StickyLayout +Mount: data-component="StickyLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### StreetAddressInput +Mount: data-component="StreetAddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubdomainInput +Mount: data-component="SubdomainInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubjectInput +Mount: data-component="SubjectInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubprocessorTable +Mount: data-component="SubprocessorTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SubsectionHeading +Mount: data-component="SubsectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SuccessCard +Mount: data-component="SuccessCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### SuccessState +Mount: data-component="SuccessState" +Category: feedback +Props: label: string = "Success", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SupportRequestForm +Mount: data-component="SupportRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Surface +Mount: data-component="Surface" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Switch +Mount: data-component="Switch" +Category: core +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: class: string = "", caption: string = "Data table", responsive: boolean = true +Slots: default +Events: none + +### TableHeader +Mount: data-component="TableHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### TableRow +Mount: data-component="TableRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TableSkeleton +Mount: data-component="TableSkeleton" +Category: feedback +Props: label: string = "Table", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Tabs +Mount: data-component="Tabs" +Category: content +Props: class: string = "", active: string = "first" +Slots: first, second +Events: click + +### tag +Mount: data-component="tag" +Category: core +Props: label: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TagInput +Mount: data-component="TagInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TaxNotice +Mount: data-component="TaxNotice" +Category: feedback +Props: label: string = "Tax", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TaxRateInput +Mount: data-component="TaxRateInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TeamMemberCard +Mount: data-component="TeamMemberCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TeamSizeSelector +Mount: data-component="TeamSizeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TemplateCard +Mount: data-component="TemplateCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### TemplateSelector +Mount: data-component="TemplateSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TemplateVariableInput +Mount: data-component="TemplateVariableInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TenantIsolationDiagram +Mount: data-component="TenantIsolationDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TerminalBlock +Mount: data-component="TerminalBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TertiaryButton +Mount: data-component="TertiaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TestimonialCard +Mount: data-component="TestimonialCard" +Category: content +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Slots: none +Events: none + +### TestimonialCarousel +Mount: data-component="TestimonialCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TestMessageDialog +Mount: data-component="TestMessageDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Textarea +Mount: data-component="Textarea" +Category: core +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: 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 + +### TextLink +Mount: data-component="TextLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TextSkeleton +Mount: data-component="TextSkeleton" +Category: feedback +Props: label: string = "Text", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### theme-toggle +Mount: data-component="theme-toggle" +Category: core +Props: label: string = "Toggle theme", class: string = "" +Slots: default +Events: none + +### ThemeColorPicker +Mount: data-component="ThemeColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ThemeSwitcher +Mount: data-component="ThemeSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TimeInput +Mount: data-component="TimeInput" +Category: forms +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: class: string = "", title: string = "Timeline" +Slots: default +Events: none + +### TimelineChart +Mount: data-component="TimelineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TimelineItem +Mount: data-component="TimelineItem" +Category: content +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" +Slots: none +Events: none + +### TimeoutInput +Mount: data-component="TimeoutInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimePicker +Mount: data-component="TimePicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### TimeRangePicker +Mount: data-component="TimeRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimezoneAwareTimePicker +Mount: data-component="TimezoneAwareTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimezoneSelector +Mount: data-component="TimezoneSelector" +Category: forms +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Slots: none +Events: none + +### Toast +Mount: data-component="Toast" +Category: core +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Slots: none +Events: click + +### ToastAction +Mount: data-component="ToastAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ToastHost +Mount: data-component="ToastHost" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### ToastIcon +Mount: data-component="ToastIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ToastProgress +Mount: data-component="ToastProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Toggle +Mount: data-component="Toggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ToggleGroup +Mount: data-component="ToggleGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TokenInput +Mount: data-component="TokenInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Tooltip +Mount: data-component="Tooltip" +Category: content +Props: class: string = "", text: string = "Helpful information", position: string = "top" +Slots: default +Events: none + +### TotpVerificationForm +Mount: data-component="TotpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TranslatedText +Mount: data-component="TranslatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TreeTable +Mount: data-component="TreeTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TrendIndicator +Mount: data-component="TrendIndicator" +Category: feedback +Props: label: string = "Trend", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TruncatedText +Mount: data-component="TruncatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TrustBadgeList +Mount: data-component="TrustBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Typography +Mount: data-component="Typography" +Category: core +Props: as: string = "p", variant: string = "body", align: string = "start", class: string = "" +Slots: default +Events: none + +### UnavailableRegionState +Mount: data-component="UnavailableRegionState" +Category: feedback +Props: label: string = "UnavailableRegion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### UnifiedTimelinePreview +Mount: data-component="UnifiedTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UnsavedChangesDialog +Mount: data-component="UnsavedChangesDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### UploadItem +Mount: data-component="UploadItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadPreview +Mount: data-component="UploadPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadProgress +Mount: data-component="UploadProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeChart +Mount: data-component="UptimeChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeMetric +Mount: data-component="UptimeMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UrlInput +Mount: data-component="UrlInput" +Category: forms +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 + +### UsagePricingTable +Mount: data-component="UsagePricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### UseCaseSelector +Mount: data-component="UseCaseSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### UserCard +Mount: data-component="UserCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### UsernameInput +Mount: data-component="UsernameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ValueCard +Mount: data-component="ValueCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ValuesGrid +Mount: data-component="ValuesGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VerificationCodeInput +Mount: data-component="VerificationCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VerifiedBadge +Mount: data-component="VerifiedBadge" +Category: feedback +Props: label: string = "Verified", variant: string = "default", class: string = "" +Slots: default +Events: none + +### VersionSelector +Mount: data-component="VersionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VerticalTabs +Mount: data-component="VerticalTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoCard +Mount: data-component="VideoCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoPreviewDialog +Mount: data-component="VideoPreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### VideoUpload +Mount: data-component="VideoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VirtualizedTable +Mount: data-component="VirtualizedTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VisionSection +Mount: data-component="VisionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### VisuallyHidden +Mount: data-component="VisuallyHidden" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### VoiceScriptComposer +Mount: data-component="VoiceScriptComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VoiceScriptEditor +Mount: data-component="VoiceScriptEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VolumeInput +Mount: data-component="VolumeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VolumeSlider +Mount: data-component="VolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WarningCard +Mount: data-component="WarningCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WebhookEventCard +Mount: data-component="WebhookEventCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookFlowDiagram +Mount: data-component="WebhookFlowDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WebhookPayloadViewer +Mount: data-component="WebhookPayloadViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookUrlInput +Mount: data-component="WebhookUrlInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WebinarCard +Mount: data-component="WebinarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebinarRegistrationForm +Mount: data-component="WebinarRegistrationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Well +Mount: data-component="Well" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### WhatsAppComposer +Mount: data-component="WhatsAppComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WhatsAppNumberInput +Mount: data-component="WhatsAppNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WhatsAppTemplateEditor +Mount: data-component="WhatsAppTemplateEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WideContainer +Mount: data-component="WideContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Wizard +Mount: data-component="Wizard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WizardHeader +Mount: data-component="WizardHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WizardNavigation +Mount: data-component="WizardNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WorkflowCanvasPreview +Mount: data-component="WorkflowCanvasPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WorkflowProgress +Mount: data-component="WorkflowProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WorkspaceCard +Mount: data-component="WorkspaceCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WorkspaceSelector +Mount: data-component="WorkspaceSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WorkspaceSwitcher +Mount: data-component="WorkspaceSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### YearPicker +Mount: data-component="YearPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ZoomSlider +Mount: data-component="ZoomSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +# UI component catalog + +The installed @wrnexus/ui release contains 901 documented components. Every mount name, prop type, required/default status, slot, and event is included below and in llms-full.txt. + +### AcceptAllCookiesButton +Mount: data-component="AcceptAllCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AccessibleAccordion +Mount: data-component="AccessibleAccordion" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleCarousel +Mount: data-component="AccessibleCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleChartSummary +Mount: data-component="AccessibleChartSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleDialog +Mount: data-component="AccessibleDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleErrorSummary +Mount: data-component="AccessibleErrorSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleIcon +Mount: data-component="AccessibleIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleMenu +Mount: data-component="AccessibleMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleTabs +Mount: data-component="AccessibleTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleTooltip +Mount: data-component="AccessibleTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Accordion +Mount: data-component="Accordion" +Category: content +Props: class: string = "", title: string = "Question", open: boolean = false +Slots: default +Events: click + +### AccountMenu +Mount: data-component="AccountMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccountStatusBanner +Mount: data-component="AccountStatusBanner" +Category: feedback +Props: label: string = "AccountStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ActionMenu +Mount: data-component="ActionMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ActiveFilterList +Mount: data-component="ActiveFilterList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ActivityList +Mount: data-component="ActivityList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AddOnCard +Mount: data-component="AddOnCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AddressInput +Mount: data-component="AddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AddressPreview +Mount: data-component="AddressPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AdvancedFilterBuilder +Mount: data-component="AdvancedFilterBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Alert +Mount: data-component="Alert" +Category: feedback +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Slots: default +Events: click + +### AlertDialog +Mount: data-component="AlertDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AmountInput +Mount: data-component="AmountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AnalyticsDashboardPreview +Mount: data-component="AnalyticsDashboardPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AnchorNavigation +Mount: data-component="AnchorNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AnnouncementBar +Mount: data-component="AnnouncementBar" +Category: core +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 + +### ApartmentInput +Mount: data-component="ApartmentInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ApiAuthenticationNotice +Mount: data-component="ApiAuthenticationNotice" +Category: feedback +Props: label: string = "ApiAuthentication", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiEndpointCard +Mount: data-component="ApiEndpointCard" +Category: content +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" +Slots: default +Events: none + +### ApiErrorExample +Mount: data-component="ApiErrorExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiHeaderTable +Mount: data-component="ApiHeaderTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiKeyCreateDialog +Mount: data-component="ApiKeyCreateDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ApiKeyDisplay +Mount: data-component="ApiKeyDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiKeyInput +Mount: data-component="ApiKeyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ApiMethodBadge +Mount: data-component="ApiMethodBadge" +Category: feedback +Props: label: string = "ApiMethod", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiParameterTable +Mount: data-component="ApiParameterTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiRateLimitNotice +Mount: data-component="ApiRateLimitNotice" +Category: feedback +Props: label: string = "ApiRateLimit", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiRequestExample +Mount: data-component="ApiRequestExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiResponseExample +Mount: data-component="ApiResponseExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiSchemaTable +Mount: data-component="ApiSchemaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiSchemaViewer +Mount: data-component="ApiSchemaViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiVersionBadge +Mount: data-component="ApiVersionBadge" +Category: feedback +Props: label: string = "ApiVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### AppHeader +Mount: data-component="AppHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArchitectureSection +Mount: data-component="ArchitectureSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AreaChart +Mount: data-component="AreaChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticleHero +Mount: data-component="ArticleHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleLayout +Mount: data-component="ArticleLayout" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleNewsletterCTA +Mount: data-component="ArticleNewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticlePageShell +Mount: data-component="ArticlePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleShareActions +Mount: data-component="ArticleShareActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AspectRatio +Mount: data-component="AspectRatio" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### AssetCard +Mount: data-component="AssetCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### AttachmentPicker +Mount: data-component="AttachmentPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AttachmentUpload +Mount: data-component="AttachmentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AudioUpload +Mount: data-component="AudioUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditLogPreview +Mount: data-component="AuditLogPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditTable +Mount: data-component="AuditTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AuthenticatorCodeInput +Mount: data-component="AuthenticatorCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AuthorAvatar +Mount: data-component="AuthorAvatar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorCard +Mount: data-component="AuthorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorizedApplicationCard +Mount: data-component="AuthorizedApplicationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AutoGrid +Mount: data-component="AutoGrid" +Category: data +Props: class: string = "" +Slots: default +Events: none + +### AutomationExampleCard +Mount: data-component="AutomationExampleCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AvailabilityCalendar +Mount: data-component="AvailabilityCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Avatar +Mount: data-component="Avatar" +Category: content +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Slots: none +Events: none + +### AvatarGroup +Mount: data-component="AvatarGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AvatarUpload +Mount: data-component="AvatarUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BackButton +Mount: data-component="BackButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### BackToTop +Mount: data-component="BackToTop" +Category: core +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: class: string = "", label: string = "Badge", variant: string = "neutral" +Slots: none +Events: none + +### BankTransferDetails +Mount: data-component="BankTransferDetails" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Banner +Mount: data-component="Banner" +Category: feedback +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Slots: none +Events: none + +### BarChart +Mount: data-component="BarChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### BetaBadge +Mount: data-component="BetaBadge" +Category: feedback +Props: label: string = "Beta", variant: string = "default", class: string = "" +Slots: default +Events: none + +### BillingAddressForm +Mount: data-component="BillingAddressForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingExample +Mount: data-component="BillingExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingPeriodToggle +Mount: data-component="BillingPeriodToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BlackoutDatePicker +Mount: data-component="BlackoutDatePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BlogCard +Mount: data-component="BlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BlogGrid +Mount: data-component="BlogGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogList +Mount: data-component="BlogList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogSearch +Mount: data-component="BlogSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BodyText +Mount: data-component="BodyText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BorderRadiusPicker +Mount: data-component="BorderRadiusPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BottomNavigation +Mount: data-component="BottomNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BrandColorPicker +Mount: data-component="BrandColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BrandSelector +Mount: data-component="BrandSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Breadcrumbs +Mount: data-component="Breadcrumbs" +Category: core +Props: class: string = "", items: string = [], centered: boolean = false, compact: boolean = false, showHome: boolean = true, homeLabel: string = "Home", homeHref: string = "/" +Slots: none +Events: none + +### BrowserFrame +Mount: data-component="BrowserFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BudgetRangeSlider +Mount: data-component="BudgetRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BudgetSelector +Mount: data-component="BudgetSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BusinessHoursPicker +Mount: data-component="BusinessHoursPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Button +Mount: data-component="Button" +Category: actions +Props: label: string = "Button", type: string = "button", variant: string = "primary", size: string = "md", disabled: boolean = false, loading: boolean = false, icon: string = "", className: string = "" +Slots: none +Events: none + +### ButtonGroup +Mount: data-component="ButtonGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ButtonSelector +Mount: data-component="ButtonSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Calendar +Mount: data-component="Calendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CalendarGrid +Mount: data-component="CalendarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CalendarHeader +Mount: data-component="CalendarHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CalendarNavigation +Mount: data-component="CalendarNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CallbackUrlInput +Mount: data-component="CallbackUrlInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CampaignCard +Mount: data-component="CampaignCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CampaignPerformancePreview +Mount: data-component="CampaignPerformancePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CampaignProgress +Mount: data-component="CampaignProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CapabilityGrid +Mount: data-component="CapabilityGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CaptchaField +Mount: data-component="CaptchaField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Card +Mount: data-component="Card" +Category: content +Props: variant: string = "default", padding: string = "md", interactive: boolean = false, className: string = "" +Slots: default +Events: none + +### CardPaymentForm +Mount: data-component="CardPaymentForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CardSelector +Mount: data-component="CardSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CardSkeleton +Mount: data-component="CardSkeleton" +Category: feedback +Props: label: string = "Card", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CareerApplicationForm +Mount: data-component="CareerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CareerBenefitsGrid +Mount: data-component="CareerBenefitsGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Carousel +Mount: data-component="Carousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyCard +Mount: data-component="CaseStudyCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyHero +Mount: data-component="CaseStudyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CaseStudyPreview +Mount: data-component="CaseStudyPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CenteredCTA +Mount: data-component="CenteredCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CenteredHero +Mount: data-component="CenteredHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CenteredSectionHeader +Mount: data-component="CenteredSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CertificateUpload +Mount: data-component="CertificateUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CertificationBadge +Mount: data-component="CertificationBadge" +Category: feedback +Props: label: string = "Certification", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChallengeSection +Mount: data-component="ChallengeSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ChannelBadge +Mount: data-component="ChannelBadge" +Category: feedback +Props: label: string = "Channel", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChannelCard +Mount: data-component="ChannelCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ChannelComparisonChart +Mount: data-component="ChannelComparisonChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelComparisonTable +Mount: data-component="ChannelComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelFallbackDiagram +Mount: data-component="ChannelFallbackDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelFlow +Mount: data-component="ChannelFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelIcon +Mount: data-component="ChannelIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChannelRateTable +Mount: data-component="ChannelRateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelSelector +Mount: data-component="ChannelSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CharacterCounter +Mount: data-component="CharacterCounter" +Category: feedback +Props: label: string = "Character", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartEmptyState +Mount: data-component="ChartEmptyState" +Category: feedback +Props: label: string = "ChartEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartTooltip +Mount: data-component="ChartTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Checkbox +Mount: data-component="Checkbox" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Slots: none +Events: none + +### CheckboxGroup +Mount: data-component="CheckboxGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Checklist +Mount: data-component="Checklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChecklistProgress +Mount: data-component="ChecklistProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Chip +Mount: data-component="Chip" +Category: core +Props: label: string = "Chip", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChipInput +Mount: data-component="ChipInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CircularProgress +Mount: data-component="CircularProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CitySelector +Mount: data-component="CitySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ClearFiltersButton +Mount: data-component="ClearFiltersButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ClickableCard +Mount: data-component="ClickableCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CloseButton +Mount: data-component="CloseButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### Cluster +Mount: data-component="Cluster" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### Code +Mount: data-component="Code" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeBlock +Mount: data-component="CodeBlock" +Category: content +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" +Slots: none +Events: click + +### CodeCopyButton +Mount: data-component="CodeCopyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CodeHeader +Mount: data-component="CodeHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CodeInput +Mount: data-component="CodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CodeLanguageBadge +Mount: data-component="CodeLanguageBadge" +Category: feedback +Props: label: string = "CodeLanguage", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CodeTabs +Mount: data-component="CodeTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeText +Mount: data-component="CodeText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CohortChart +Mount: data-component="CohortChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ColorGrid +Mount: data-component="ColorGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ColorHexInput +Mount: data-component="ColorHexInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorPicker +Mount: data-component="ColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorSelector +Mount: data-component="ColorSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorSwatch +Mount: data-component="ColorSwatch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Combobox +Mount: data-component="Combobox" +Category: core +Props: id: string = "combobox", name: string = "", label: string = "Choose an option", placeholder: string = "Search options", options: string = [], required: boolean = false, disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### ComingSoonBadge +Mount: data-component="ComingSoonBadge" +Category: feedback +Props: label: string = "ComingSoon", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ComingSoonState +Mount: data-component="ComingSoonState" +Category: feedback +Props: label: string = "ComingSoon", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CommandBlock +Mount: data-component="CommandBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CommandMenu +Mount: data-component="CommandMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### CommandSearchInput +Mount: data-component="CommandSearchInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CompanyHero +Mount: data-component="CompanyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanyNameInput +Mount: data-component="CompanyNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CompanyPageShell +Mount: data-component="CompanyPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanySizeSelector +Mount: data-component="CompanySizeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ComparisonDateRangePicker +Mount: data-component="ComparisonDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ComparisonTable +Mount: data-component="ComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CompletionMeter +Mount: data-component="CompletionMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ComplianceBadgeList +Mount: data-component="ComplianceBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ComplianceProgramCard +Mount: data-component="ComplianceProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConfirmationDialog +Mount: data-component="ConfirmationDialog" +Category: overlays +Props: 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 = "" +Slots: confirm +Events: click + +### ConfirmPasswordInput +Mount: data-component="ConfirmPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ConnectedAccountCard +Mount: data-component="ConnectedAccountCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConnectionCard +Mount: data-component="ConnectionCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ConsentTimelinePreview +Mount: data-component="ConsentTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactCard +Mount: data-component="ContactCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ContactCTA +Mount: data-component="ContactCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactForm +Mount: data-component="ContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactHero +Mount: data-component="ContactHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactPageShell +Mount: data-component="ContactPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactSalesBanner +Mount: data-component="ContactSalesBanner" +Category: core +Props: class: string = "", eyebrow: string = "Enterprise identity", title: string = "Ready to secure your next application?", description: string = "", primaryLabel: string = "Contact sales", primaryHref: string = "/contact", secondaryLabel: string = "Start free", secondaryHref: string = "/sign-up", iconClass: string = "icon-[lucide--messages-square]", centered: boolean = false, compact: boolean = false, points: string = [], trustPoints: string = [] +Slots: none +Events: none + +### ContactSalesButton +Mount: data-component="ContactSalesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactSalesForm +Mount: data-component="ContactSalesForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Container +Mount: data-component="Container" +Category: core +Props: size: string = "default", className: string = "" +Slots: default +Events: none + +### ContextMenu +Mount: data-component="ContextMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ContextSwitcher +Mount: data-component="ContextSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversationList +Mount: data-component="ConversationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ConversationPreview +Mount: data-component="ConversationPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversionChart +Mount: data-component="ConversionChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CookieBanner +Mount: data-component="CookieBanner" +Category: feedback +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 + +### CookieCategoryList +Mount: data-component="CookieCategoryList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookieCategoryToggle +Mount: data-component="CookieCategoryToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CookieConsent +Mount: data-component="CookieConsent" +Category: core +Props: class: string = "" +Slots: none +Events: click, change + +### CookieDetailsTable +Mount: data-component="CookieDetailsTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookiePreferencesDialog +Mount: data-component="CookiePreferencesDialog" +Category: overlays +Props: 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 = "" +Slots: none +Events: change, click + +### CookieTable +Mount: data-component="CookieTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CoordinatesInput +Mount: data-component="CoordinatesInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CoordinatesPicker +Mount: data-component="CoordinatesPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CopyButton +Mount: data-component="CopyButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopyCodeButton +Mount: data-component="CopyCodeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopySecretField +Mount: data-component="CopySecretField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CostBreakdownChart +Mount: data-component="CostBreakdownChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CostSummary +Mount: data-component="CostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Counter +Mount: data-component="Counter" +Category: feedback +Props: label: string = "Status", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CountryCallingCodeInput +Mount: data-component="CountryCallingCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CountryCallingCodeSelector +Mount: data-component="CountryCallingCodeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CountrySelector +Mount: data-component="CountrySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CouponInput +Mount: data-component="CouponInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CreditAmountInput +Mount: data-component="CreditAmountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CronBuilder +Mount: data-component="CronBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CronInput +Mount: data-component="CronInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CsvUpload +Mount: data-component="CsvUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CTASection +Mount: data-component="CTASection" +Category: layout +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 + +### CurrencyInput +Mount: data-component="CurrencyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CurrencySelector +Mount: data-component="CurrencySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CurrentPasswordInput +Mount: data-component="CurrentPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CustomerLogo +Mount: data-component="CustomerLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CustomerStoryCard +Mount: data-component="CustomerStoryCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DangerButton +Mount: data-component="DangerButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DataProtectionCard +Mount: data-component="DataProtectionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DataRetentionTable +Mount: data-component="DataRetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DataTable +Mount: data-component="DataTable" +Category: data +Props: caption: string = "Data table", columns: string = [], rows: string = [], emptyMessage: string = "No data available.", striped: boolean = false, class: string = "" +Slots: none +Events: none + +### DateInput +Mount: data-component="DateInput" +Category: forms +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: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Slots: none +Events: none + +### DateRangeCalendar +Mount: data-component="DateRangeCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateRangePicker +Mount: data-component="DateRangePicker" +Category: forms +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Slots: none +Events: none + +### DateRangeSlider +Mount: data-component="DateRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateTimeInput +Mount: data-component="DateTimeInput" +Category: forms +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 + +### DateTimePicker +Mount: data-component="DateTimePicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### DateTimeRangePicker +Mount: data-component="DateTimeRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DecimalInput +Mount: data-component="DecimalInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DefinitionList +Mount: data-component="DefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DeleteConfirmationDialog +Mount: data-component="DeleteConfirmationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeliveryPreview +Mount: data-component="DeliveryPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DeliveryStatusChart +Mount: data-component="DeliveryStatusChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DeliveryStatusTimeline +Mount: data-component="DeliveryStatusTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DemoRequestForm +Mount: data-component="DemoRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DepartmentInput +Mount: data-component="DepartmentInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DeprecatedFeatureAlert +Mount: data-component="DeprecatedFeatureAlert" +Category: feedback +Props: label: string = "DeprecatedFeature", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### DescriptionList +Mount: data-component="DescriptionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DesktopNavigation +Mount: data-component="DesktopNavigation" +Category: layout +Props: label: string = "Primary navigation", items: string = [], class: string = "" +Slots: none +Events: none + +### DeveloperCTA +Mount: data-component="DeveloperCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DeveloperHero +Mount: data-component="DeveloperHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperPageShell +Mount: data-component="DeveloperPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperSearch +Mount: data-component="DeveloperSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DevelopersMegaMenu +Mount: data-component="DevelopersMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### DevelopersMenu +Mount: data-component="DevelopersMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeviceCard +Mount: data-component="DeviceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### disclosure +Mount: data-component="disclosure" +Category: core +Props: summary: string = "Details", class: string = "" +Slots: default +Events: none + +### DiscountInput +Mount: data-component="DiscountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DisplayHeading +Mount: data-component="DisplayHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DisplayNameInput +Mount: data-component="DisplayNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Divider +Mount: data-component="Divider" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### DocumentPreview +Mount: data-component="DocumentPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DocumentUpload +Mount: data-component="DocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DomainInput +Mount: data-component="DomainInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DoNotSellLink +Mount: data-component="DoNotSellLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DonutChart +Mount: data-component="DonutChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadAction +Mount: data-component="DownloadAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadButton +Mount: data-component="DownloadButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadGateForm +Mount: data-component="DownloadGateForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DownloadPolicyButton +Mount: data-component="DownloadPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadResourceForm +Mount: data-component="DownloadResourceForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Drawer +Mount: data-component="Drawer" +Category: core +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" +Slots: default +Events: click + +### DropdownMenu +Mount: data-component="DropdownMenu" +Category: overlays +Props: class: string = "", label: string = "Menu" +Slots: default +Events: click + +### DropdownNavigation +Mount: data-component="DropdownNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DurationInput +Mount: data-component="DurationInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DurationPicker +Mount: data-component="DurationPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DurationSlider +Mount: data-component="DurationSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ElevatedCard +Mount: data-component="ElevatedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### EmailBodyEditor +Mount: data-component="EmailBodyEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EmailComposer +Mount: data-component="EmailComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EmailInput +Mount: data-component="EmailInput" +Category: forms +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 + +### EmojiPicker +Mount: data-component="EmojiPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EmptyState +Mount: data-component="EmptyState" +Category: feedback +Props: class: string = "", eyebrow: string = "", title: string = "Nothing found", description: string = "", iconClass: string = "icon-[lucide--inbox]", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", compact: boolean = false, centered: boolean = true, suggestions: string = [] +Slots: none +Events: none + +### EncryptionDiagram +Mount: data-component="EncryptionDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseCTA +Mount: data-component="EnterpriseCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseHero +Mount: data-component="EnterpriseHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### EnterprisePricingCard +Mount: data-component="EnterprisePricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EnvironmentSelector +Mount: data-component="EnvironmentSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EnvironmentSwitcher +Mount: data-component="EnvironmentSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorActions +Mount: data-component="ErrorActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ErrorCard +Mount: data-component="ErrorCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ErrorCode +Mount: data-component="ErrorCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorHero +Mount: data-component="ErrorHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorIllustration +Mount: data-component="ErrorIllustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPage +Mount: data-component="ErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPageShell +Mount: data-component="ErrorPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorState +Mount: data-component="ErrorState" +Category: feedback +Props: class: string = "", type: string = "error", eyebrow: string = "", title: string = "Something went wrong", description: string = "", errorCode: string = "", iconClass: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", retryLabel: string = "", retryAction: string = "", centered: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### ErrorSupportLink +Mount: data-component="ErrorSupportLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EstimatedCostSummary +Mount: data-component="EstimatedCostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EventTable +Mount: data-component="EventTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ExpandableText +Mount: data-component="ExpandableText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ExpiryDateTimePicker +Mount: data-component="ExpiryDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ExportProgress +Mount: data-component="ExportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ExternalLink +Mount: data-component="ExternalLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EyebrowText +Mount: data-component="EyebrowText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FactorCard +Mount: data-component="FactorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteBuilder +Mount: data-component="FallbackRouteBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteDiagram +Mount: data-component="FallbackRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FAQ +Mount: data-component="FAQ" +Category: core +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: 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 + +### FaviconUpload +Mount: data-component="FaviconUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FaxInput +Mount: data-component="FaxInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FeatureCard +Mount: data-component="FeatureCard" +Category: content +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Slots: none +Events: none + +### FeatureChecklist +Mount: data-component="FeatureChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureComparisonTable +Mount: data-component="FeatureComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeaturedBlogCard +Mount: data-component="FeaturedBlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureDetailsPanel +Mount: data-component="FeatureDetailsPanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FeatureGrid +Mount: data-component="FeatureGrid" +Category: data +Props: columns: number = 3, className: string = "" +Slots: default +Events: none + +### FeatureIconCard +Mount: data-component="FeatureIconCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureList +Mount: data-component="FeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeatureTabs +Mount: data-component="FeatureTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureTimeline +Mount: data-component="FeatureTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FeatureUnavailableState +Mount: data-component="FeatureUnavailableState" +Category: feedback +Props: label: string = "FeatureUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FieldActions +Mount: data-component="FieldActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### file-upload +Mount: data-component="file-upload" +Category: core +Props: 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 = "" +Slots: none +Events: none + +### FileInput +Mount: data-component="FileInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FileList +Mount: data-component="FileList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FileSizeInput +Mount: data-component="FileSizeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FileSizeLabel +Mount: data-component="FileSizeLabel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FileTypeBadge +Mount: data-component="FileTypeBadge" +Category: feedback +Props: label: string = "FileType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FileUpload +Mount: data-component="FileUpload" +Category: content +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 + +### FilterableTable +Mount: data-component="FilterableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FilterBar +Mount: data-component="FilterBar" +Category: core +Props: label: string = "Filters", clearLabel: string = "Clear filters", showClear: boolean = true, class: string = "" +Slots: default +Events: none + +### FilterMenu +Mount: data-component="FilterMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FilterSearchInput +Mount: data-component="FilterSearchInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FinalCTA +Mount: data-component="FinalCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FirstNameInput +Mount: data-component="FirstNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Flex +Mount: data-component="Flex" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FontPicker +Mount: data-component="FontPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FontSizePicker +Mount: data-component="FontSizePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FontWeightPicker +Mount: data-component="FontWeightPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FooterLanguageSwitcher +Mount: data-component="FooterLanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FooterStatusIndicator +Mount: data-component="FooterStatusIndicator" +Category: feedback +Props: label: string = "FooterStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForbiddenPage +Mount: data-component="ForbiddenPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ForbiddenState +Mount: data-component="ForbiddenState" +Category: feedback +Props: label: string = "Forbidden", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForgotPasswordForm +Mount: data-component="ForgotPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Form +Mount: data-component="Form" +Category: content +Props: action: string = "", method: string = "post", name: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormActions +Mount: data-component="FormActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FormAlert +Mount: data-component="FormAlert" +Category: feedback +Props: label: string = "Form", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FormDialog +Mount: data-component="FormDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FormError +Mount: data-component="FormError" +Category: core +Props: id: string = "", message: string = "", class: string = "" +Slots: default +Events: none + +### FormErrorSummary +Mount: data-component="FormErrorSummary" +Category: content +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true +Slots: default +Events: none + +### FormField +Mount: data-component="FormField" +Category: forms +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false +Slots: default +Events: none + +### FormGrid +Mount: data-component="FormGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormGroup +Mount: data-component="FormGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FormHelpText +Mount: data-component="FormHelpText" +Category: content +Props: id: string = "", text: string = "", class: string = "" +Slots: default +Events: none + +### FormLabel +Mount: data-component="FormLabel" +Category: content +Props: for: string = "", label: string = "Label", required: boolean = false, optional: boolean = false, class: string = "" +Slots: none +Events: none + +### FormProgress +Mount: data-component="FormProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormRow +Mount: data-component="FormRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormSection +Mount: data-component="FormSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FullBleed +Mount: data-component="FullBleed" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FullscreenDialog +Mount: data-component="FullscreenDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FunnelChart +Mount: data-component="FunnelChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeoChart +Mount: data-component="GeoChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeofenceEditor +Mount: data-component="GeofenceEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### GhostButton +Mount: data-component="GhostButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GlassCard +Mount: data-component="GlassCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### GlobalSearch +Mount: data-component="GlobalSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GradientCTA +Mount: data-component="GradientCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GradientPicker +Mount: data-component="GradientPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### GradientStopEditor +Mount: data-component="GradientStopEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Grid +Mount: data-component="Grid" +Category: data +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### GuideCard +Mount: data-component="GuideCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideChecklist +Mount: data-component="GuideChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideDifficultyBadge +Mount: data-component="GuideDifficultyBadge" +Category: feedback +Props: label: string = "GuideDifficulty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### GuideGrid +Mount: data-component="GuideGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### GuideStep +Mount: data-component="GuideStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Header +Mount: data-component="Header" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeaderActions +Mount: data-component="HeaderActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HealthIndicator +Mount: data-component="HealthIndicator" +Category: feedback +Props: label: string = "Health", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Hero +Mount: data-component="Hero" +Category: layout +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 + +### HeroActions +Mount: data-component="HeroActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroCodePanel +Mount: data-component="HeroCodePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeroGradientText +Mount: data-component="HeroGradientText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroPrimaryAction +Mount: data-component="HeroPrimaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroProductPreview +Mount: data-component="HeroProductPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroSecondaryAction +Mount: data-component="HeroSecondaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroTrustText +Mount: data-component="HeroTrustText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HexColorInput +Mount: data-component="HexColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HiddenField +Mount: data-component="HiddenField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HighlightText +Mount: data-component="HighlightText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HolidayCalendar +Mount: data-component="HolidayCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HostnameInput +Mount: data-component="HostnameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HourPicker +Mount: data-component="HourPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HslColorInput +Mount: data-component="HslColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### hstack +Mount: data-component="hstack" +Category: core +Props: gap: string = "4", align: string = "center", class: string = "" +Slots: default +Events: none + +### HtmlEditor +Mount: data-component="HtmlEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HumanApprovalStep +Mount: data-component="HumanApprovalStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Icon +Mount: data-component="Icon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IconButton +Mount: data-component="IconButton" +Category: actions +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Slots: none +Events: none + +### IconPicker +Mount: data-component="IconPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IconSelector +Mount: data-component="IconSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IdentifierInput +Mount: data-component="IdentifierInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Illustration +Mount: data-component="Illustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageCompressionPreview +Mount: data-component="ImageCompressionPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageEditor +Mount: data-component="ImageEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ImagePreviewDialog +Mount: data-component="ImagePreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ImageSelector +Mount: data-component="ImageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ImageUpload +Mount: data-component="ImageUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImportProgress +Mount: data-component="ImportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentAlert +Mount: data-component="IncidentAlert" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentBanner +Mount: data-component="IncidentBanner" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentCard +Mount: data-component="IncidentCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IncidentList +Mount: data-component="IncidentList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### IncidentResponseFlow +Mount: data-component="IncidentResponseFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentSeverityBadge +Mount: data-component="IncidentSeverityBadge" +Category: feedback +Props: label: string = "IncidentSeverity", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentTimeline +Mount: data-component="IncidentTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IndustryBadge +Mount: data-component="IndustryBadge" +Category: feedback +Props: label: string = "Industry", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IndustrySelector +Mount: data-component="IndustrySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### InfoCard +Mount: data-component="InfoCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### Inline +Mount: data-component="Inline" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### InlineAlert +Mount: data-component="InlineAlert" +Category: feedback +Props: label: string = "Inline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### InlineCode +Mount: data-component="InlineCode" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### input +Mount: data-component="input" +Category: core +Props: type: string = "text", name: string = "", value: string = "", placeholder: string = "", class: string = "" +Slots: none +Events: none + +### InputGroup +Mount: data-component="InputGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### InsetPanel +Mount: data-component="InsetPanel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### IntegerInput +Mount: data-component="IntegerInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IntegrationCard +Mount: data-component="IntegrationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceLineItem +Mount: data-component="InvoiceLineItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceSummary +Mount: data-component="InvoiceSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IpAddressInput +Mount: data-component="IpAddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JobCard +Mount: data-component="JobCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### JobProgress +Mount: data-component="JobProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### JobTitleInput +Mount: data-component="JobTitleInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JsonInput +Mount: data-component="JsonInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JsonViewer +Mount: data-component="JsonViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### KeyValueTable +Mount: data-component="KeyValueTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### KycDocumentUpload +Mount: data-component="KycDocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LanguageSelector +Mount: data-component="LanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LanguageSwitcher +Mount: data-component="LanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LastNameInput +Mount: data-component="LastNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LatencyMetric +Mount: data-component="LatencyMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LatitudeInput +Mount: data-component="LatitudeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LeadershipGrid +Mount: data-component="LeadershipGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LeadText +Mount: data-component="LeadText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalAcceptanceNotice +Mount: data-component="LegalAcceptanceNotice" +Category: feedback +Props: label: string = "LegalAcceptance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalBulletList +Mount: data-component="LegalBulletList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalContactBlock +Mount: data-component="LegalContactBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalDefinitionList +Mount: data-component="LegalDefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalDocumentHeader +Mount: data-component="LegalDocumentHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalDocumentLayout +Mount: data-component="LegalDocumentLayout" +Category: layout +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Slots: toc, default +Events: none + +### LegalHero +Mount: data-component="LegalHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalLanguageSelector +Mount: data-component="LegalLanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LegalNotice +Mount: data-component="LegalNotice" +Category: feedback +Props: label: string = "Legal", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalPageShell +Mount: data-component="LegalPageShell" +Category: layout +Props: class: string = "" +Slots: navigation, default +Events: none + +### LegalPrintButton +Mount: data-component="LegalPrintButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LegalRegionSelector +Mount: data-component="LegalRegionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LegalSection +Mount: data-component="LegalSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalSummary +Mount: data-component="LegalSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalTable +Mount: data-component="LegalTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalTableOfContents +Mount: data-component="LegalTableOfContents" +Category: core +Props: title: string = "On this page", items: string = [], class: string = "" +Slots: none +Events: none + +### LegalVersionBadge +Mount: data-component="LegalVersionBadge" +Category: feedback +Props: label: string = "LegalVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LetterSpacingPicker +Mount: data-component="LetterSpacingPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LicenseKeyInput +Mount: data-component="LicenseKeyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Lightbox +Mount: data-component="Lightbox" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LineChart +Mount: data-component="LineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LineHeightPicker +Mount: data-component="LineHeightPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Link +Mount: data-component="Link" +Category: core +Props: href: string = "#", label: string = "Link", external: boolean = false, className: string = "" +Slots: none +Events: none + +### LinkButton +Mount: data-component="LinkButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### List +Mount: data-component="List" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LoadingButton +Mount: data-component="LoadingButton" +Category: actions +Props: label: string = "Continue", loadingLabel: string = "Loading…", loading: boolean = false, disabled: boolean = false, type: string = "button", variant: string = "primary", class: string = "" +Slots: none +Events: none + +### LocaleSelector +Mount: data-component="LocaleSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LocalizedRouteLink +Mount: data-component="LocalizedRouteLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LocationPicker +Mount: data-component="LocationPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Logo +Mount: data-component="Logo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoCloud +Mount: data-component="LogoCloud" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "Trusted by teams building modern products", description: string = "", logos: string = [], centered: boolean = true, compact: boolean = false, variant: string = "strip", grayscale: boolean = true, showNames: boolean = false, maxItems: number = 8 +Slots: none +Events: none + +### LogoUpload +Mount: data-component="LogoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoutDialog +Mount: data-component="LogoutDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LogTable +Mount: data-component="LogTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LongitudeInput +Mount: data-component="LongitudeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MaintenanceAlert +Mount: data-component="MaintenanceAlert" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceBanner +Mount: data-component="MaintenanceBanner" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceCard +Mount: data-component="MaintenanceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenancePage +Mount: data-component="MaintenancePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenanceState +Mount: data-component="MaintenanceState" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceWindowPicker +Mount: data-component="MaintenanceWindowPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MapPicker +Mount: data-component="MapPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MarkdownEditor +Mount: data-component="MarkdownEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MarketingPageShell +Mount: data-component="MarketingPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### MarketingSectionHeader +Mount: data-component="MarketingSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MaskedSecretField +Mount: data-component="MaskedSecretField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MegaMenu +Mount: data-component="MegaMenu" +Category: overlays +Props: label: string = "Explore", sections: string = [], class: string = "" +Slots: none +Events: click + +### MemberList +Mount: data-component="MemberList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### MentionInput +Mount: data-component="MentionInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MessageCharacterCounter +Mount: data-component="MessageCharacterCounter" +Category: feedback +Props: label: string = "MessageCharacter", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MessageComposer +Mount: data-component="MessageComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageComposerPreview +Mount: data-component="MessageComposerPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageLimitInput +Mount: data-component="MessageLimitInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MessagePreview +Mount: data-component="MessagePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageVolumeSlider +Mount: data-component="MessageVolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Metric +Mount: data-component="Metric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### MetricCard +Mount: data-component="MetricCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MetricGrid +Mount: data-component="MetricGrid" +Category: data +Props: label: string = "Key metrics", metrics: string = [], class: string = "" +Slots: none +Events: none + +### MetricText +Mount: data-component="MetricText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MinutePicker +Mount: data-component="MinutePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MissionSection +Mount: data-component="MissionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileDeviceFrame +Mount: data-component="MobileDeviceFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileInput +Mount: data-component="MobileInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MobileMenuButton +Mount: data-component="MobileMenuButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### MobileNavigation +Mount: data-component="MobileNavigation" +Category: layout +Props: label: string = "Menu", closeLabel: string = "Close menu", items: string = [], class: string = "" +Slots: none +Events: click + +### MobileTableCard +Mount: data-component="MobileTableCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Modal +Mount: data-component="Modal" +Category: core +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Slots: default +Events: click + +### MonthlyVolumeSelector +Mount: data-component="MonthlyVolumeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MonthPicker +Mount: data-component="MonthPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MonthYearPicker +Mount: data-component="MonthYearPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MultiFileUpload +Mount: data-component="MultiFileUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MultipleEmailInput +Mount: data-component="MultipleEmailInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MultiSelect +Mount: data-component="MultiSelect" +Category: core +Props: id: string = "multi-select", name: string = "", label: string = "Choose options", options: string = [], required: boolean = false, disabled: boolean = false, size: number = 5, class: string = "" +Slots: none +Events: none + +### MutedText +Mount: data-component="MutedText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NameInput +Mount: data-component="NameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### NarrowContainer +Mount: data-component="NarrowContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Navigation +Mount: data-component="Navigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NavigationItem +Mount: data-component="NavigationItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NavigationMegaMenu +Mount: data-component="NavigationMegaMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### NewBadge +Mount: data-component="NewBadge" +Category: feedback +Props: label: string = "New", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NewPasswordInput +Mount: data-component="NewPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### NewsletterCTA +Mount: data-component="NewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### NewsletterForm +Mount: data-component="NewsletterForm" +Category: content +Props: class: string = "", eyebrow: string = "", title: string = "Stay up to date", description: string = "", placeholder: string = "Enter your email", buttonLabel: string = "Subscribe", action: string = "/newsletter/subscribe", method: string = "post", emailName: string = "email", privacyLabel: string = "", privacyHref: string = "/privacy", successMessage: string = "You are subscribed.", errorMessage: string = "Something went wrong. Please try again.", iconClass: string = "icon-[lucide--mail]", centered: boolean = false, compact: boolean = false, showIcon: boolean = true, showPrivacy: boolean = true, fullWidth: boolean = false +Slots: none +Events: submit, input + +### NoResultsState +Mount: data-component="NoResultsState" +Category: feedback +Props: label: string = "NoResults", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotFoundPage +Mount: data-component="NotFoundPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NotFoundState +Mount: data-component="NotFoundState" +Category: feedback +Props: label: string = "NotFound", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationCard +Mount: data-component="NotificationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### NotificationDot +Mount: data-component="NotificationDot" +Category: core +Props: label: string = "Notification", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationList +Mount: data-component="NotificationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### NumberInput +Mount: data-component="NumberInput" +Category: forms +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 + +### OfficeCard +Mount: data-component="OfficeCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflinePage +Mount: data-component="OfflinePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflineState +Mount: data-component="OfflineState" +Category: feedback +Props: label: string = "Offline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OnboardingProgress +Mount: data-component="OnboardingProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### OneTimeSecretDisplay +Mount: data-component="OneTimeSecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OnlineIndicator +Mount: data-component="OnlineIndicator" +Category: feedback +Props: label: string = "Online", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OpacitySlider +Mount: data-component="OpacitySlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OpenAPICTA +Mount: data-component="OpenAPICTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### OptionalIndicator +Mount: data-component="OptionalIndicator" +Category: feedback +Props: label: string = "Optional", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OrganizationSelector +Mount: data-component="OrganizationSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### OtpInput +Mount: data-component="OtpInput" +Category: forms +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" +Slots: none +Events: none + +### OtpVerificationForm +Mount: data-component="OtpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OutlinedCard +Mount: data-component="OutlinedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### PageAlert +Mount: data-component="PageAlert" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PageHeader +Mount: data-component="PageHeader" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "", description: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", icon: string = "sparkles", centered: boolean = false, compact: boolean = false, showBreadcrumbs: boolean = false, breadcrumbParent: string = "", breadcrumbParentHref: string = "", breadcrumbCurrent: string = "", highlights: string = [] +Slots: none +Events: none + +### PageHeading +Mount: data-component="PageHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PageShell +Mount: data-component="PageShell" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### PageSkeleton +Mount: data-component="PageSkeleton" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Pagination +Mount: data-component="Pagination" +Category: core +Props: class: string = "", currentPage: number = 1, totalPages: number = 1, previousHref: string = "", nextHref: string = "", pages: string = [], showNumbers: boolean = true, showSummary: boolean = true, totalItems: number = 0, pageSize: number = 10, compact: boolean = false, centered: boolean = false +Slots: none +Events: none + +### Panel +Mount: data-component="Panel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### PartnerApplicationForm +Mount: data-component="PartnerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PartnerLogoGrid +Mount: data-component="PartnerLogoGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PartnerProgramCard +Mount: data-component="PartnerProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PasskeyButton +Mount: data-component="PasskeyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordInput +Mount: data-component="PasswordInput" +Category: forms +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 + +### PasswordRequirementList +Mount: data-component="PasswordRequirementList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PasswordStrengthMeter +Mount: data-component="PasswordStrengthMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordVisibilityToggle +Mount: data-component="PasswordVisibilityToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PathInput +Mount: data-component="PathInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PaymentMethodCard +Mount: data-component="PaymentMethodCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PdfPreview +Mount: data-component="PdfPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PercentageInput +Mount: data-component="PercentageInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PermissionSelector +Mount: data-component="PermissionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PhoneInput +Mount: data-component="PhoneInput" +Category: forms +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 + +### PieChart +Mount: data-component="PieChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Pill +Mount: data-component="Pill" +Category: core +Props: label: string = "Pill", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PinInput +Mount: data-component="PinInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlainTextEditor +Mount: data-component="PlainTextEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlanCTA +Mount: data-component="PlanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PlanFeatureList +Mount: data-component="PlanFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanLimitList +Mount: data-component="PlanLimitList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanSelector +Mount: data-component="PlanSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlatformPillarCard +Mount: data-component="PlatformPillarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PolicyVersionTable +Mount: data-component="PolicyVersionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Popover +Mount: data-component="Popover" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### PortInput +Mount: data-component="PortInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PortNumberInput +Mount: data-component="PortNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PositiveNumberInput +Mount: data-component="PositiveNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PostalCodeInput +Mount: data-component="PostalCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PostmanCTA +Mount: data-component="PostmanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PresetDateRangePicker +Mount: data-component="PresetDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PressReleaseCard +Mount: data-component="PressReleaseCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PreviewBadge +Mount: data-component="PreviewBadge" +Category: feedback +Props: label: string = "Preview", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PreviousNextNavigation +Mount: data-component="PreviousNextNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PriceInput +Mount: data-component="PriceInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PriceRangeSlider +Mount: data-component="PriceRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PriceText +Mount: data-component="PriceText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingCard +Mount: data-component="PricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingComparisonTable +Mount: data-component="PricingComparisonTable" +Category: data +Props: caption: string = "Plan comparison", plans: string = [], features: string = [], class: string = "" +Slots: none +Events: none + +### PricingContactForm +Mount: data-component="PricingContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingFeatureGroup +Mount: data-component="PricingFeatureGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PricingGrid +Mount: data-component="PricingGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingHero +Mount: data-component="PricingHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingPlanCard +Mount: data-component="PricingPlanCard" +Category: content +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 + +### PricingTable +Mount: data-component="PricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingToggle +Mount: data-component="PricingToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PrimaryButton +Mount: data-component="PrimaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintAction +Mount: data-component="PrintAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintPolicyButton +Mount: data-component="PrintPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrioritySelector +Mount: data-component="PrioritySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PrivacyNotice +Mount: data-component="PrivacyNotice" +Category: feedback +Props: label: string = "Privacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductArchitectureDiagram +Mount: data-component="ProductArchitectureDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductCard +Mount: data-component="ProductCard" +Category: content +Props: eyebrow: string = "Product", title: string = "Product name", description: string = "", href: string = "#", actionLabel: string = "Learn more", status: string = "", class: string = "" +Slots: none +Events: none + +### ProductCategorySection +Mount: data-component="ProductCategorySection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductCTA +Mount: data-component="ProductCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductFeatureList +Mount: data-component="ProductFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductGrid +Mount: data-component="ProductGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductHero +Mount: data-component="ProductHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductIcon +Mount: data-component="ProductIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductIntegrationList +Mount: data-component="ProductIntegrationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductList +Mount: data-component="ProductList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductLogo +Mount: data-component="ProductLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductMegaMenu +Mount: data-component="ProductMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### ProductMiniCard +Mount: data-component="ProductMiniCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductNavigationCard +Mount: data-component="ProductNavigationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductPageShell +Mount: data-component="ProductPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### ProductSelector +Mount: data-component="ProductSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ProductsMegaMenu +Mount: data-component="ProductsMegaMenu" +Category: overlays +Props: label: string = "Products", sections: string = [], class: string = "" +Slots: none +Events: none + +### ProductStatusBadge +Mount: data-component="ProductStatusBadge" +Category: feedback +Props: label: string = "ProductStatus", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductUseCaseList +Mount: data-component="ProductUseCaseList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### progress +Mount: data-component="progress" +Category: core +Props: value: number = 0, max: number = 100, class: string = "" +Slots: none +Events: none + +### ProgressBar +Mount: data-component="ProgressBar" +Category: core +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Slots: none +Events: none + +### ProgressChart +Mount: data-component="ProgressChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressRing +Mount: data-component="ProgressRing" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressSlider +Mount: data-component="ProgressSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProjectCard +Mount: data-component="ProjectCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ProjectSelector +Mount: data-component="ProjectSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ProjectSwitcher +Mount: data-component="ProjectSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PromoCodeInput +Mount: data-component="PromoCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PromptDialog +Mount: data-component="PromptDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ProviderSelector +Mount: data-component="ProviderSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PublicFooter +Mount: data-component="PublicFooter" +Category: core +Props: class: string = "" +Slots: none +Events: submit + +### PublicHeader +Mount: data-component="PublicHeader" +Category: layout +Props: class: string = "" +Slots: none +Events: click + +### PublicHeaderLogo +Mount: data-component="PublicHeaderLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PublicMobileNavigation +Mount: data-component="PublicMobileNavigation" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### PublicPageShell +Mount: data-component="PublicPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PublicSearch +Mount: data-component="PublicSearch" +Category: core +Props: class: string = "", query: string = "", placeholder: string = "Search...", label: string = "Search", action: string = "", method: string = "get", name: string = "q", buttonLabel: string = "", clearLabel: string = "Clear search", size: string = "default", centered: boolean = false, fullWidth: boolean = false, showShortcut: boolean = false, shortcutLabel: string = "⌘ K", suggestions: string = [] +Slots: none +Events: input, focus, blur, click + +### PublishDateTimePicker +Mount: data-component="PublishDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PushComposer +Mount: data-component="PushComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PushNotificationEditor +Mount: data-component="PushNotificationEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### QrCode +Mount: data-component="QrCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuantityInput +Mount: data-component="QuantityInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### QuantityStepper +Mount: data-component="QuantityStepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuietHoursPicker +Mount: data-component="QuietHoursPicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### QuoteText +Mount: data-component="QuoteText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Radio +Mount: data-component="Radio" +Category: core +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: class: string = "", label: string = "Choose one", name: string = "choice" +Slots: default +Events: none + +### RangeInput +Mount: data-component="RangeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RangeSlider +Mount: data-component="RangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateLimitedState +Mount: data-component="RateLimitedState" +Category: feedback +Props: label: string = "RateLimited", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RateLimitInput +Mount: data-component="RateLimitInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RateLimitPage +Mount: data-component="RateLimitPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateTable +Mount: data-component="RateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RatingSlider +Mount: data-component="RatingSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecipientSelector +Mount: data-component="RecipientSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RecoveryCodeForm +Mount: data-component="RecoveryCodeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecoveryCodeInput +Mount: data-component="RecoveryCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RecurrenceRuleBuilder +Mount: data-component="RecurrenceRuleBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecurringSchedulePicker +Mount: data-component="RecurringSchedulePicker" +Category: forms +Props: id: string = "recurring-schedule", name: string = "recurrence", label: string = "Repeat", value: string = "none", disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### RedirectUriInput +Mount: data-component="RedirectUriInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ReferenceInput +Mount: data-component="ReferenceInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegexInput +Mount: data-component="RegexInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegionalPrivacyBanner +Mount: data-component="RegionalPrivacyBanner" +Category: feedback +Props: label: string = "RegionalPrivacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionAvailabilityTable +Mount: data-component="RegionAvailabilityTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RegionSelector +Mount: data-component="RegionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegionUnavailableAlert +Mount: data-component="RegionUnavailableAlert" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionUnavailableState +Mount: data-component="RegionUnavailableState" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RejectOptionalCookiesButton +Mount: data-component="RejectOptionalCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReopenCookieSettingsButton +Mount: data-component="ReopenCookieSettingsButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReportCard +Mount: data-component="ReportCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestResponseViewer +Mount: data-component="RequestResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestViewer +Mount: data-component="RequestViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequiredIndicator +Mount: data-component="RequiredIndicator" +Category: feedback +Props: label: string = "Required", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResetPasswordForm +Mount: data-component="ResetPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResizablePanel +Mount: data-component="ResizablePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceCard +Mount: data-component="ResourceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourceDownloadCard +Mount: data-component="ResourceDownloadCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcePageShell +Mount: data-component="ResourcePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceSearch +Mount: data-component="ResourceSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcesMegaMenu +Mount: data-component="ResourcesMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### ResourceTypeBadge +Mount: data-component="ResourceTypeBadge" +Category: feedback +Props: label: string = "ResourceType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResponseViewer +Mount: data-component="ResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResponsibleDisclosureCTA +Mount: data-component="ResponsibleDisclosureCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ResponsiveTable +Mount: data-component="ResponsiveTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ResultsSection +Mount: data-component="ResultsSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### RetentionTable +Mount: data-component="RetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RetryCountInput +Mount: data-component="RetryCountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RevenueChart +Mount: data-component="RevenueChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### RgbColorInput +Mount: data-component="RgbColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RichTextEditor +Mount: data-component="RichTextEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RichTextInput +Mount: data-component="RichTextInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RoleSelector +Mount: data-component="RoleSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RollingDateRangePicker +Mount: data-component="RollingDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SaveCookiePreferencesButton +Mount: data-component="SaveCookiePreferencesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SavedFilterSelector +Mount: data-component="SavedFilterSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ScheduledDateTimePicker +Mount: data-component="ScheduledDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ScheduleMessagePicker +Mount: data-component="ScheduleMessagePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SchedulePicker +Mount: data-component="SchedulePicker" +Category: forms +Props: class: string = "", label: string = "Schedule" +Slots: none +Events: none + +### ScreenshotFrame +Mount: data-component="ScreenshotFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ScrollArea +Mount: data-component="ScrollArea" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### SDKCard +Mount: data-component="SDKCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SdkLanguageSelector +Mount: data-component="SdkLanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SDKLanguageTabs +Mount: data-component="SDKLanguageTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SDKTabs +Mount: data-component="SDKTabs" +Category: core +Props: label: string = "SDK languages", tabs: string = [], defaultIndex: number = 0, class: string = "" +Slots: none +Events: click + +### SearchButton +Mount: data-component="SearchButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SearchCategoryTabs +Mount: data-component="SearchCategoryTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SearchDialog +Mount: data-component="SearchDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SearchEmptyState +Mount: data-component="SearchEmptyState" +Category: feedback +Props: label: string = "SearchEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchInput +Mount: data-component="SearchInput" +Category: forms +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 + +### SearchLoadingState +Mount: data-component="SearchLoadingState" +Category: feedback +Props: label: string = "SearchLoading", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchResultItem +Mount: data-component="SearchResultItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecondaryButton +Mount: data-component="SecondaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SecondPicker +Mount: data-component="SecondPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SecretDisplay +Mount: data-component="SecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecretInput +Mount: data-component="SecretInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SecretRevealDialog +Mount: data-component="SecretRevealDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Section +Mount: data-component="Section" +Category: layout +Props: id: string = "", size: string = "default", surface: string = "default", className: string = "" +Slots: default +Events: none + +### SectionActions +Mount: data-component="SectionActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SectionHeader +Mount: data-component="SectionHeader" +Category: layout +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Slots: default +Events: none + +### SectionHeading +Mount: data-component="SectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityAlert +Mount: data-component="SecurityAlert" +Category: feedback +Props: label: string = "Security", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SecurityContactCard +Mount: data-component="SecurityContactCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityFeatureCard +Mount: data-component="SecurityFeatureCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityHero +Mount: data-component="SecurityHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityPillarGrid +Mount: data-component="SecurityPillarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityPracticeList +Mount: data-component="SecurityPracticeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityReportForm +Mount: data-component="SecurityReportForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Select +Mount: data-component="Select" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Slots: default +Events: none + +### SenderIdInput +Mount: data-component="SenderIdInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ServerErrorPage +Mount: data-component="ServerErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ServiceLevelTable +Mount: data-component="ServiceLevelTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusBadge +Mount: data-component="ServiceStatusBadge" +Category: feedback +Props: label: string = "ServiceStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ServiceStatusList +Mount: data-component="ServiceStatusList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusRow +Mount: data-component="ServiceStatusRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SessionCard +Mount: data-component="SessionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SessionExpiredDialog +Mount: data-component="SessionExpiredDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SetupChecklist +Mount: data-component="SetupChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SeveritySelector +Mount: data-component="SeveritySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ShadowPicker +Mount: data-component="ShadowPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ShareAction +Mount: data-component="ShareAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ShareButton +Mount: data-component="ShareButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SidebarLayout +Mount: data-component="SidebarLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SidePanel +Mount: data-component="SidePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SignInForm +Mount: data-component="SignInForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SignInLink +Mount: data-component="SignInLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SignUpForm +Mount: data-component="SignUpForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SiteSearch +Mount: data-component="SiteSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Skeleton +Mount: data-component="Skeleton" +Category: feedback +Props: height: string = "4", rounded: string = "lg", className: string = "" +Slots: none +Events: none + +### SkipLink +Mount: data-component="SkipLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SlaTable +Mount: data-component="SlaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Slider +Mount: data-component="Slider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SlugInput +Mount: data-component="SlugInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SmallText +Mount: data-component="SmallText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SmartRouteDiagram +Mount: data-component="SmartRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### SmsComposer +Mount: data-component="SmsComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SmsMessageEditor +Mount: data-component="SmsMessageEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SmsSegmentCounter +Mount: data-component="SmsSegmentCounter" +Category: feedback +Props: label: string = "SmsSegment", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SocialShare +Mount: data-component="SocialShare" +Category: core +Props: class: string = "", title: string = "Share this page", description: string = "", url: string = "", shareText: string = "", centered: boolean = false, compact: boolean = false, showTitle: boolean = true, showCopy: boolean = true, networks: string = [] +Slots: none +Events: click + +### SolutionHero +Mount: data-component="SolutionHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionPageShell +Mount: data-component="SolutionPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionSection +Mount: data-component="SolutionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionsMegaMenu +Mount: data-component="SolutionsMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### SortableTable +Mount: data-component="SortableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### spacer +Mount: data-component="spacer" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### Spinner +Mount: data-component="Spinner" +Category: core +Props: class: string = "", label: string = "Loading", size: string = "md" +Slots: none +Events: none + +### SplitButton +Mount: data-component="SplitButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitCTA +Mount: data-component="SplitCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitHero +Mount: data-component="SplitHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SplitLayout +Mount: data-component="SplitLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SplitSectionHeader +Mount: data-component="SplitSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stack +Mount: data-component="Stack" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### StartFreeButton +Mount: data-component="StartFreeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### StatCard +Mount: data-component="StatCard" +Category: content +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Slots: none +Events: none + +### StateSelector +Mount: data-component="StateSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StatusBadge +Mount: data-component="StatusBadge" +Category: feedback +Props: class: string = "", status: string = "operational" +Slots: none +Events: none + +### StatusBanner +Mount: data-component="StatusBanner" +Category: core +Props: class: string = "", type: string = "info", title: string = "", description: string = "", actionLabel: string = "", actionHref: string = "", dismissible: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### StatusPageShell +Mount: data-component="StatusPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### StatusSelector +Mount: data-component="StatusSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StatusSubscribeForm +Mount: data-component="StatusSubscribeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StatusTable +Mount: data-component="StatusTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### StepNavigation +Mount: data-component="StepNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stepper +Mount: data-component="Stepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StepperInput +Mount: data-component="StepperInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StepUpAuthenticationDialog +Mount: data-component="StepUpAuthenticationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### StickerPicker +Mount: data-component="StickerPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Sticky +Mount: data-component="Sticky" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### StickyLayout +Mount: data-component="StickyLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### StreetAddressInput +Mount: data-component="StreetAddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubdomainInput +Mount: data-component="SubdomainInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubjectInput +Mount: data-component="SubjectInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubprocessorTable +Mount: data-component="SubprocessorTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SubsectionHeading +Mount: data-component="SubsectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SuccessCard +Mount: data-component="SuccessCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### SuccessState +Mount: data-component="SuccessState" +Category: feedback +Props: label: string = "Success", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SupportRequestForm +Mount: data-component="SupportRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Surface +Mount: data-component="Surface" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Switch +Mount: data-component="Switch" +Category: core +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: class: string = "", caption: string = "Data table", responsive: boolean = true +Slots: default +Events: none + +### TableHeader +Mount: data-component="TableHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### TableRow +Mount: data-component="TableRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TableSkeleton +Mount: data-component="TableSkeleton" +Category: feedback +Props: label: string = "Table", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Tabs +Mount: data-component="Tabs" +Category: content +Props: class: string = "", active: string = "first" +Slots: first, second +Events: click + +### tag +Mount: data-component="tag" +Category: core +Props: label: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TagInput +Mount: data-component="TagInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TaxNotice +Mount: data-component="TaxNotice" +Category: feedback +Props: label: string = "Tax", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TaxRateInput +Mount: data-component="TaxRateInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TeamMemberCard +Mount: data-component="TeamMemberCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TeamSizeSelector +Mount: data-component="TeamSizeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TemplateCard +Mount: data-component="TemplateCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### TemplateSelector +Mount: data-component="TemplateSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TemplateVariableInput +Mount: data-component="TemplateVariableInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TenantIsolationDiagram +Mount: data-component="TenantIsolationDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TerminalBlock +Mount: data-component="TerminalBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TertiaryButton +Mount: data-component="TertiaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TestimonialCard +Mount: data-component="TestimonialCard" +Category: content +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Slots: none +Events: none + +### TestimonialCarousel +Mount: data-component="TestimonialCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TestMessageDialog +Mount: data-component="TestMessageDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Textarea +Mount: data-component="Textarea" +Category: core +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: 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 + +### TextLink +Mount: data-component="TextLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TextSkeleton +Mount: data-component="TextSkeleton" +Category: feedback +Props: label: string = "Text", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### theme-toggle +Mount: data-component="theme-toggle" +Category: core +Props: label: string = "Toggle theme", class: string = "" +Slots: default +Events: none + +### ThemeColorPicker +Mount: data-component="ThemeColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ThemeSwitcher +Mount: data-component="ThemeSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TimeInput +Mount: data-component="TimeInput" +Category: forms +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: class: string = "", title: string = "Timeline" +Slots: default +Events: none + +### TimelineChart +Mount: data-component="TimelineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TimelineItem +Mount: data-component="TimelineItem" +Category: content +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" +Slots: none +Events: none + +### TimeoutInput +Mount: data-component="TimeoutInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimePicker +Mount: data-component="TimePicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### TimeRangePicker +Mount: data-component="TimeRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimezoneAwareTimePicker +Mount: data-component="TimezoneAwareTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimezoneSelector +Mount: data-component="TimezoneSelector" +Category: forms +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Slots: none +Events: none + +### Toast +Mount: data-component="Toast" +Category: core +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Slots: none +Events: click + +### ToastAction +Mount: data-component="ToastAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ToastHost +Mount: data-component="ToastHost" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### ToastIcon +Mount: data-component="ToastIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ToastProgress +Mount: data-component="ToastProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Toggle +Mount: data-component="Toggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ToggleGroup +Mount: data-component="ToggleGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TokenInput +Mount: data-component="TokenInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Tooltip +Mount: data-component="Tooltip" +Category: content +Props: class: string = "", text: string = "Helpful information", position: string = "top" +Slots: default +Events: none + +### TotpVerificationForm +Mount: data-component="TotpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TranslatedText +Mount: data-component="TranslatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TreeTable +Mount: data-component="TreeTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TrendIndicator +Mount: data-component="TrendIndicator" +Category: feedback +Props: label: string = "Trend", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TruncatedText +Mount: data-component="TruncatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TrustBadgeList +Mount: data-component="TrustBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Typography +Mount: data-component="Typography" +Category: core +Props: as: string = "p", variant: string = "body", align: string = "start", class: string = "" +Slots: default +Events: none + +### UnavailableRegionState +Mount: data-component="UnavailableRegionState" +Category: feedback +Props: label: string = "UnavailableRegion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### UnifiedTimelinePreview +Mount: data-component="UnifiedTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UnsavedChangesDialog +Mount: data-component="UnsavedChangesDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### UploadItem +Mount: data-component="UploadItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadPreview +Mount: data-component="UploadPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadProgress +Mount: data-component="UploadProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeChart +Mount: data-component="UptimeChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeMetric +Mount: data-component="UptimeMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UrlInput +Mount: data-component="UrlInput" +Category: forms +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 + +### UsagePricingTable +Mount: data-component="UsagePricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### UseCaseSelector +Mount: data-component="UseCaseSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### UserCard +Mount: data-component="UserCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### UsernameInput +Mount: data-component="UsernameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ValueCard +Mount: data-component="ValueCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ValuesGrid +Mount: data-component="ValuesGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VerificationCodeInput +Mount: data-component="VerificationCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VerifiedBadge +Mount: data-component="VerifiedBadge" +Category: feedback +Props: label: string = "Verified", variant: string = "default", class: string = "" +Slots: default +Events: none + +### VersionSelector +Mount: data-component="VersionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VerticalTabs +Mount: data-component="VerticalTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoCard +Mount: data-component="VideoCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoPreviewDialog +Mount: data-component="VideoPreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### VideoUpload +Mount: data-component="VideoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VirtualizedTable +Mount: data-component="VirtualizedTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VisionSection +Mount: data-component="VisionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### VisuallyHidden +Mount: data-component="VisuallyHidden" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### VoiceScriptComposer +Mount: data-component="VoiceScriptComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VoiceScriptEditor +Mount: data-component="VoiceScriptEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VolumeInput +Mount: data-component="VolumeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VolumeSlider +Mount: data-component="VolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WarningCard +Mount: data-component="WarningCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WebhookEventCard +Mount: data-component="WebhookEventCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookFlowDiagram +Mount: data-component="WebhookFlowDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WebhookPayloadViewer +Mount: data-component="WebhookPayloadViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookUrlInput +Mount: data-component="WebhookUrlInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WebinarCard +Mount: data-component="WebinarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebinarRegistrationForm +Mount: data-component="WebinarRegistrationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Well +Mount: data-component="Well" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### WhatsAppComposer +Mount: data-component="WhatsAppComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WhatsAppNumberInput +Mount: data-component="WhatsAppNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WhatsAppTemplateEditor +Mount: data-component="WhatsAppTemplateEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WideContainer +Mount: data-component="WideContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Wizard +Mount: data-component="Wizard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WizardHeader +Mount: data-component="WizardHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WizardNavigation +Mount: data-component="WizardNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WorkflowCanvasPreview +Mount: data-component="WorkflowCanvasPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WorkflowProgress +Mount: data-component="WorkflowProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WorkspaceCard +Mount: data-component="WorkspaceCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WorkspaceSelector +Mount: data-component="WorkspaceSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WorkspaceSwitcher +Mount: data-component="WorkspaceSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### YearPicker +Mount: data-component="YearPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ZoomSlider +Mount: data-component="ZoomSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +# UI component catalog + +The installed @wrnexus/ui release contains 901 documented components. Every mount name, prop type, required/default status, slot, and event is included below and in llms-full.txt. + +### AcceptAllCookiesButton +Mount: data-component="AcceptAllCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AccessibleAccordion +Mount: data-component="AccessibleAccordion" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleCarousel +Mount: data-component="AccessibleCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleChartSummary +Mount: data-component="AccessibleChartSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleDialog +Mount: data-component="AccessibleDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleErrorSummary +Mount: data-component="AccessibleErrorSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleIcon +Mount: data-component="AccessibleIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleMenu +Mount: data-component="AccessibleMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleTabs +Mount: data-component="AccessibleTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleTooltip +Mount: data-component="AccessibleTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Accordion +Mount: data-component="Accordion" +Category: content +Props: class: string = "", title: string = "Question", open: boolean = false +Slots: default +Events: click + +### AccountMenu +Mount: data-component="AccountMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccountStatusBanner +Mount: data-component="AccountStatusBanner" +Category: feedback +Props: label: string = "AccountStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ActionMenu +Mount: data-component="ActionMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ActiveFilterList +Mount: data-component="ActiveFilterList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ActivityList +Mount: data-component="ActivityList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AddOnCard +Mount: data-component="AddOnCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AddressInput +Mount: data-component="AddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AddressPreview +Mount: data-component="AddressPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AdvancedFilterBuilder +Mount: data-component="AdvancedFilterBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Alert +Mount: data-component="Alert" +Category: feedback +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Slots: default +Events: click + +### AlertDialog +Mount: data-component="AlertDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AmountInput +Mount: data-component="AmountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AnalyticsDashboardPreview +Mount: data-component="AnalyticsDashboardPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AnchorNavigation +Mount: data-component="AnchorNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AnnouncementBar +Mount: data-component="AnnouncementBar" +Category: core +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 + +### ApartmentInput +Mount: data-component="ApartmentInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ApiAuthenticationNotice +Mount: data-component="ApiAuthenticationNotice" +Category: feedback +Props: label: string = "ApiAuthentication", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiEndpointCard +Mount: data-component="ApiEndpointCard" +Category: content +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" +Slots: default +Events: none + +### ApiErrorExample +Mount: data-component="ApiErrorExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiHeaderTable +Mount: data-component="ApiHeaderTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiKeyCreateDialog +Mount: data-component="ApiKeyCreateDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ApiKeyDisplay +Mount: data-component="ApiKeyDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiKeyInput +Mount: data-component="ApiKeyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ApiMethodBadge +Mount: data-component="ApiMethodBadge" +Category: feedback +Props: label: string = "ApiMethod", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiParameterTable +Mount: data-component="ApiParameterTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiRateLimitNotice +Mount: data-component="ApiRateLimitNotice" +Category: feedback +Props: label: string = "ApiRateLimit", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiRequestExample +Mount: data-component="ApiRequestExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiResponseExample +Mount: data-component="ApiResponseExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiSchemaTable +Mount: data-component="ApiSchemaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiSchemaViewer +Mount: data-component="ApiSchemaViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiVersionBadge +Mount: data-component="ApiVersionBadge" +Category: feedback +Props: label: string = "ApiVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### AppHeader +Mount: data-component="AppHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArchitectureSection +Mount: data-component="ArchitectureSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AreaChart +Mount: data-component="AreaChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticleHero +Mount: data-component="ArticleHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleLayout +Mount: data-component="ArticleLayout" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleNewsletterCTA +Mount: data-component="ArticleNewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticlePageShell +Mount: data-component="ArticlePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleShareActions +Mount: data-component="ArticleShareActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AspectRatio +Mount: data-component="AspectRatio" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### AssetCard +Mount: data-component="AssetCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### AttachmentPicker +Mount: data-component="AttachmentPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AttachmentUpload +Mount: data-component="AttachmentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AudioUpload +Mount: data-component="AudioUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditLogPreview +Mount: data-component="AuditLogPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditTable +Mount: data-component="AuditTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AuthenticatorCodeInput +Mount: data-component="AuthenticatorCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AuthorAvatar +Mount: data-component="AuthorAvatar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorCard +Mount: data-component="AuthorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorizedApplicationCard +Mount: data-component="AuthorizedApplicationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AutoGrid +Mount: data-component="AutoGrid" +Category: data +Props: class: string = "" +Slots: default +Events: none + +### AutomationExampleCard +Mount: data-component="AutomationExampleCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AvailabilityCalendar +Mount: data-component="AvailabilityCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Avatar +Mount: data-component="Avatar" +Category: content +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Slots: none +Events: none + +### AvatarGroup +Mount: data-component="AvatarGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### AvatarUpload +Mount: data-component="AvatarUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BackButton +Mount: data-component="BackButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### BackToTop +Mount: data-component="BackToTop" +Category: core +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: class: string = "", label: string = "Badge", variant: string = "neutral" +Slots: none +Events: none + +### BankTransferDetails +Mount: data-component="BankTransferDetails" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Banner +Mount: data-component="Banner" +Category: feedback +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Slots: none +Events: none + +### BarChart +Mount: data-component="BarChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### BetaBadge +Mount: data-component="BetaBadge" +Category: feedback +Props: label: string = "Beta", variant: string = "default", class: string = "" +Slots: default +Events: none + +### BillingAddressForm +Mount: data-component="BillingAddressForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingExample +Mount: data-component="BillingExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingPeriodToggle +Mount: data-component="BillingPeriodToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BlackoutDatePicker +Mount: data-component="BlackoutDatePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BlogCard +Mount: data-component="BlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BlogGrid +Mount: data-component="BlogGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogList +Mount: data-component="BlogList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogSearch +Mount: data-component="BlogSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BodyText +Mount: data-component="BodyText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BorderRadiusPicker +Mount: data-component="BorderRadiusPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BottomNavigation +Mount: data-component="BottomNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BrandColorPicker +Mount: data-component="BrandColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BrandSelector +Mount: data-component="BrandSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Breadcrumbs +Mount: data-component="Breadcrumbs" +Category: core +Props: class: string = "", items: string = [], centered: boolean = false, compact: boolean = false, showHome: boolean = true, homeLabel: string = "Home", homeHref: string = "/" +Slots: none +Events: none + +### BrowserFrame +Mount: data-component="BrowserFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BudgetRangeSlider +Mount: data-component="BudgetRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BudgetSelector +Mount: data-component="BudgetSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### BusinessHoursPicker +Mount: data-component="BusinessHoursPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Button +Mount: data-component="Button" +Category: actions +Props: label: string = "Button", type: string = "button", variant: string = "primary", size: string = "md", disabled: boolean = false, loading: boolean = false, icon: string = "", className: string = "" +Slots: none +Events: none + +### ButtonGroup +Mount: data-component="ButtonGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ButtonSelector +Mount: data-component="ButtonSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Calendar +Mount: data-component="Calendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CalendarGrid +Mount: data-component="CalendarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CalendarHeader +Mount: data-component="CalendarHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CalendarNavigation +Mount: data-component="CalendarNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CallbackUrlInput +Mount: data-component="CallbackUrlInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CampaignCard +Mount: data-component="CampaignCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CampaignPerformancePreview +Mount: data-component="CampaignPerformancePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CampaignProgress +Mount: data-component="CampaignProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CapabilityGrid +Mount: data-component="CapabilityGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CaptchaField +Mount: data-component="CaptchaField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Card +Mount: data-component="Card" +Category: content +Props: variant: string = "default", padding: string = "md", interactive: boolean = false, className: string = "" +Slots: default +Events: none + +### CardPaymentForm +Mount: data-component="CardPaymentForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CardSelector +Mount: data-component="CardSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CardSkeleton +Mount: data-component="CardSkeleton" +Category: feedback +Props: label: string = "Card", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CareerApplicationForm +Mount: data-component="CareerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CareerBenefitsGrid +Mount: data-component="CareerBenefitsGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Carousel +Mount: data-component="Carousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyCard +Mount: data-component="CaseStudyCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyHero +Mount: data-component="CaseStudyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CaseStudyPreview +Mount: data-component="CaseStudyPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CenteredCTA +Mount: data-component="CenteredCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CenteredHero +Mount: data-component="CenteredHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CenteredSectionHeader +Mount: data-component="CenteredSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CertificateUpload +Mount: data-component="CertificateUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CertificationBadge +Mount: data-component="CertificationBadge" +Category: feedback +Props: label: string = "Certification", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChallengeSection +Mount: data-component="ChallengeSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ChannelBadge +Mount: data-component="ChannelBadge" +Category: feedback +Props: label: string = "Channel", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChannelCard +Mount: data-component="ChannelCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ChannelComparisonChart +Mount: data-component="ChannelComparisonChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelComparisonTable +Mount: data-component="ChannelComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelFallbackDiagram +Mount: data-component="ChannelFallbackDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelFlow +Mount: data-component="ChannelFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelIcon +Mount: data-component="ChannelIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChannelRateTable +Mount: data-component="ChannelRateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelSelector +Mount: data-component="ChannelSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CharacterCounter +Mount: data-component="CharacterCounter" +Category: feedback +Props: label: string = "Character", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartEmptyState +Mount: data-component="ChartEmptyState" +Category: feedback +Props: label: string = "ChartEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartTooltip +Mount: data-component="ChartTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Checkbox +Mount: data-component="Checkbox" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Slots: none +Events: none + +### CheckboxGroup +Mount: data-component="CheckboxGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Checklist +Mount: data-component="Checklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChecklistProgress +Mount: data-component="ChecklistProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Chip +Mount: data-component="Chip" +Category: core +Props: label: string = "Chip", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChipInput +Mount: data-component="ChipInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CircularProgress +Mount: data-component="CircularProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CitySelector +Mount: data-component="CitySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ClearFiltersButton +Mount: data-component="ClearFiltersButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ClickableCard +Mount: data-component="ClickableCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CloseButton +Mount: data-component="CloseButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### Cluster +Mount: data-component="Cluster" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### Code +Mount: data-component="Code" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeBlock +Mount: data-component="CodeBlock" +Category: content +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" +Slots: none +Events: click + +### CodeCopyButton +Mount: data-component="CodeCopyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CodeHeader +Mount: data-component="CodeHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CodeInput +Mount: data-component="CodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CodeLanguageBadge +Mount: data-component="CodeLanguageBadge" +Category: feedback +Props: label: string = "CodeLanguage", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CodeTabs +Mount: data-component="CodeTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeText +Mount: data-component="CodeText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CohortChart +Mount: data-component="CohortChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ColorGrid +Mount: data-component="ColorGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ColorHexInput +Mount: data-component="ColorHexInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorPicker +Mount: data-component="ColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorSelector +Mount: data-component="ColorSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ColorSwatch +Mount: data-component="ColorSwatch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Combobox +Mount: data-component="Combobox" +Category: core +Props: id: string = "combobox", name: string = "", label: string = "Choose an option", placeholder: string = "Search options", options: string = [], required: boolean = false, disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### ComingSoonBadge +Mount: data-component="ComingSoonBadge" +Category: feedback +Props: label: string = "ComingSoon", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ComingSoonState +Mount: data-component="ComingSoonState" +Category: feedback +Props: label: string = "ComingSoon", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CommandBlock +Mount: data-component="CommandBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CommandMenu +Mount: data-component="CommandMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### CommandSearchInput +Mount: data-component="CommandSearchInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CompanyHero +Mount: data-component="CompanyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanyNameInput +Mount: data-component="CompanyNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CompanyPageShell +Mount: data-component="CompanyPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanySizeSelector +Mount: data-component="CompanySizeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ComparisonDateRangePicker +Mount: data-component="ComparisonDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ComparisonTable +Mount: data-component="ComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CompletionMeter +Mount: data-component="CompletionMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ComplianceBadgeList +Mount: data-component="ComplianceBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ComplianceProgramCard +Mount: data-component="ComplianceProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConfirmationDialog +Mount: data-component="ConfirmationDialog" +Category: overlays +Props: 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 = "" +Slots: confirm +Events: click + +### ConfirmPasswordInput +Mount: data-component="ConfirmPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ConnectedAccountCard +Mount: data-component="ConnectedAccountCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConnectionCard +Mount: data-component="ConnectionCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ConsentTimelinePreview +Mount: data-component="ConsentTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactCard +Mount: data-component="ContactCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ContactCTA +Mount: data-component="ContactCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactForm +Mount: data-component="ContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactHero +Mount: data-component="ContactHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactPageShell +Mount: data-component="ContactPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactSalesBanner +Mount: data-component="ContactSalesBanner" +Category: core +Props: class: string = "", eyebrow: string = "Enterprise identity", title: string = "Ready to secure your next application?", description: string = "", primaryLabel: string = "Contact sales", primaryHref: string = "/contact", secondaryLabel: string = "Start free", secondaryHref: string = "/sign-up", iconClass: string = "icon-[lucide--messages-square]", centered: boolean = false, compact: boolean = false, points: string = [], trustPoints: string = [] +Slots: none +Events: none + +### ContactSalesButton +Mount: data-component="ContactSalesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactSalesForm +Mount: data-component="ContactSalesForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Container +Mount: data-component="Container" +Category: core +Props: size: string = "default", className: string = "" +Slots: default +Events: none + +### ContextMenu +Mount: data-component="ContextMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ContextSwitcher +Mount: data-component="ContextSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversationList +Mount: data-component="ConversationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ConversationPreview +Mount: data-component="ConversationPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversionChart +Mount: data-component="ConversionChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CookieBanner +Mount: data-component="CookieBanner" +Category: feedback +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 + +### CookieCategoryList +Mount: data-component="CookieCategoryList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookieCategoryToggle +Mount: data-component="CookieCategoryToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CookieConsent +Mount: data-component="CookieConsent" +Category: core +Props: class: string = "" +Slots: none +Events: click, change + +### CookieDetailsTable +Mount: data-component="CookieDetailsTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookiePreferencesDialog +Mount: data-component="CookiePreferencesDialog" +Category: overlays +Props: 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 = "" +Slots: none +Events: change, click + +### CookieTable +Mount: data-component="CookieTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CoordinatesInput +Mount: data-component="CoordinatesInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CoordinatesPicker +Mount: data-component="CoordinatesPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CopyButton +Mount: data-component="CopyButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopyCodeButton +Mount: data-component="CopyCodeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopySecretField +Mount: data-component="CopySecretField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CostBreakdownChart +Mount: data-component="CostBreakdownChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CostSummary +Mount: data-component="CostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Counter +Mount: data-component="Counter" +Category: feedback +Props: label: string = "Status", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CountryCallingCodeInput +Mount: data-component="CountryCallingCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CountryCallingCodeSelector +Mount: data-component="CountryCallingCodeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CountrySelector +Mount: data-component="CountrySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CouponInput +Mount: data-component="CouponInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CreditAmountInput +Mount: data-component="CreditAmountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CronBuilder +Mount: data-component="CronBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CronInput +Mount: data-component="CronInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CsvUpload +Mount: data-component="CsvUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CTASection +Mount: data-component="CTASection" +Category: layout +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 + +### CurrencyInput +Mount: data-component="CurrencyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CurrencySelector +Mount: data-component="CurrencySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CurrentPasswordInput +Mount: data-component="CurrentPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### CustomerLogo +Mount: data-component="CustomerLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CustomerStoryCard +Mount: data-component="CustomerStoryCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DangerButton +Mount: data-component="DangerButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DataProtectionCard +Mount: data-component="DataProtectionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DataRetentionTable +Mount: data-component="DataRetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DataTable +Mount: data-component="DataTable" +Category: data +Props: caption: string = "Data table", columns: string = [], rows: string = [], emptyMessage: string = "No data available.", striped: boolean = false, class: string = "" +Slots: none +Events: none + +### DateInput +Mount: data-component="DateInput" +Category: forms +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: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Slots: none +Events: none + +### DateRangeCalendar +Mount: data-component="DateRangeCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateRangePicker +Mount: data-component="DateRangePicker" +Category: forms +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Slots: none +Events: none + +### DateRangeSlider +Mount: data-component="DateRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateTimeInput +Mount: data-component="DateTimeInput" +Category: forms +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 + +### DateTimePicker +Mount: data-component="DateTimePicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### DateTimeRangePicker +Mount: data-component="DateTimeRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DecimalInput +Mount: data-component="DecimalInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DefinitionList +Mount: data-component="DefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DeleteConfirmationDialog +Mount: data-component="DeleteConfirmationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeliveryPreview +Mount: data-component="DeliveryPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DeliveryStatusChart +Mount: data-component="DeliveryStatusChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DeliveryStatusTimeline +Mount: data-component="DeliveryStatusTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DemoRequestForm +Mount: data-component="DemoRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DepartmentInput +Mount: data-component="DepartmentInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DeprecatedFeatureAlert +Mount: data-component="DeprecatedFeatureAlert" +Category: feedback +Props: label: string = "DeprecatedFeature", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### DescriptionList +Mount: data-component="DescriptionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DesktopNavigation +Mount: data-component="DesktopNavigation" +Category: layout +Props: label: string = "Primary navigation", items: string = [], class: string = "" +Slots: none +Events: none + +### DeveloperCTA +Mount: data-component="DeveloperCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DeveloperHero +Mount: data-component="DeveloperHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperPageShell +Mount: data-component="DeveloperPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperSearch +Mount: data-component="DeveloperSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DevelopersMegaMenu +Mount: data-component="DevelopersMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### DevelopersMenu +Mount: data-component="DevelopersMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeviceCard +Mount: data-component="DeviceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### disclosure +Mount: data-component="disclosure" +Category: core +Props: summary: string = "Details", class: string = "" +Slots: default +Events: none + +### DiscountInput +Mount: data-component="DiscountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DisplayHeading +Mount: data-component="DisplayHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DisplayNameInput +Mount: data-component="DisplayNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Divider +Mount: data-component="Divider" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### DocumentPreview +Mount: data-component="DocumentPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DocumentUpload +Mount: data-component="DocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DomainInput +Mount: data-component="DomainInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DoNotSellLink +Mount: data-component="DoNotSellLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DonutChart +Mount: data-component="DonutChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadAction +Mount: data-component="DownloadAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadButton +Mount: data-component="DownloadButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadGateForm +Mount: data-component="DownloadGateForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DownloadPolicyButton +Mount: data-component="DownloadPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadResourceForm +Mount: data-component="DownloadResourceForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Drawer +Mount: data-component="Drawer" +Category: core +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" +Slots: default +Events: click + +### DropdownMenu +Mount: data-component="DropdownMenu" +Category: overlays +Props: class: string = "", label: string = "Menu" +Slots: default +Events: click + +### DropdownNavigation +Mount: data-component="DropdownNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DurationInput +Mount: data-component="DurationInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DurationPicker +Mount: data-component="DurationPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### DurationSlider +Mount: data-component="DurationSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ElevatedCard +Mount: data-component="ElevatedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### EmailBodyEditor +Mount: data-component="EmailBodyEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EmailComposer +Mount: data-component="EmailComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EmailInput +Mount: data-component="EmailInput" +Category: forms +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 + +### EmojiPicker +Mount: data-component="EmojiPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EmptyState +Mount: data-component="EmptyState" +Category: feedback +Props: class: string = "", eyebrow: string = "", title: string = "Nothing found", description: string = "", iconClass: string = "icon-[lucide--inbox]", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", compact: boolean = false, centered: boolean = true, suggestions: string = [] +Slots: none +Events: none + +### EncryptionDiagram +Mount: data-component="EncryptionDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseCTA +Mount: data-component="EnterpriseCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseHero +Mount: data-component="EnterpriseHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### EnterprisePricingCard +Mount: data-component="EnterprisePricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EnvironmentSelector +Mount: data-component="EnvironmentSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### EnvironmentSwitcher +Mount: data-component="EnvironmentSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorActions +Mount: data-component="ErrorActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ErrorCard +Mount: data-component="ErrorCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ErrorCode +Mount: data-component="ErrorCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorHero +Mount: data-component="ErrorHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorIllustration +Mount: data-component="ErrorIllustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPage +Mount: data-component="ErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPageShell +Mount: data-component="ErrorPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorState +Mount: data-component="ErrorState" +Category: feedback +Props: class: string = "", type: string = "error", eyebrow: string = "", title: string = "Something went wrong", description: string = "", errorCode: string = "", iconClass: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", retryLabel: string = "", retryAction: string = "", centered: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### ErrorSupportLink +Mount: data-component="ErrorSupportLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EstimatedCostSummary +Mount: data-component="EstimatedCostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EventTable +Mount: data-component="EventTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ExpandableText +Mount: data-component="ExpandableText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ExpiryDateTimePicker +Mount: data-component="ExpiryDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ExportProgress +Mount: data-component="ExportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ExternalLink +Mount: data-component="ExternalLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EyebrowText +Mount: data-component="EyebrowText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FactorCard +Mount: data-component="FactorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteBuilder +Mount: data-component="FallbackRouteBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteDiagram +Mount: data-component="FallbackRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FAQ +Mount: data-component="FAQ" +Category: core +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: 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 + +### FaviconUpload +Mount: data-component="FaviconUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FaxInput +Mount: data-component="FaxInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FeatureCard +Mount: data-component="FeatureCard" +Category: content +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Slots: none +Events: none + +### FeatureChecklist +Mount: data-component="FeatureChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureComparisonTable +Mount: data-component="FeatureComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeaturedBlogCard +Mount: data-component="FeaturedBlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureDetailsPanel +Mount: data-component="FeatureDetailsPanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FeatureGrid +Mount: data-component="FeatureGrid" +Category: data +Props: columns: number = 3, className: string = "" +Slots: default +Events: none + +### FeatureIconCard +Mount: data-component="FeatureIconCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureList +Mount: data-component="FeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeatureTabs +Mount: data-component="FeatureTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureTimeline +Mount: data-component="FeatureTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FeatureUnavailableState +Mount: data-component="FeatureUnavailableState" +Category: feedback +Props: label: string = "FeatureUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FieldActions +Mount: data-component="FieldActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### file-upload +Mount: data-component="file-upload" +Category: core +Props: 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 = "" +Slots: none +Events: none + +### FileInput +Mount: data-component="FileInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FileList +Mount: data-component="FileList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FileSizeInput +Mount: data-component="FileSizeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FileSizeLabel +Mount: data-component="FileSizeLabel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FileTypeBadge +Mount: data-component="FileTypeBadge" +Category: feedback +Props: label: string = "FileType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FileUpload +Mount: data-component="FileUpload" +Category: content +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 + +### FilterableTable +Mount: data-component="FilterableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FilterBar +Mount: data-component="FilterBar" +Category: core +Props: label: string = "Filters", clearLabel: string = "Clear filters", showClear: boolean = true, class: string = "" +Slots: default +Events: none + +### FilterMenu +Mount: data-component="FilterMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FilterSearchInput +Mount: data-component="FilterSearchInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FinalCTA +Mount: data-component="FinalCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FirstNameInput +Mount: data-component="FirstNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Flex +Mount: data-component="Flex" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FontPicker +Mount: data-component="FontPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FontSizePicker +Mount: data-component="FontSizePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FontWeightPicker +Mount: data-component="FontWeightPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FooterLanguageSwitcher +Mount: data-component="FooterLanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FooterStatusIndicator +Mount: data-component="FooterStatusIndicator" +Category: feedback +Props: label: string = "FooterStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForbiddenPage +Mount: data-component="ForbiddenPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ForbiddenState +Mount: data-component="ForbiddenState" +Category: feedback +Props: label: string = "Forbidden", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForgotPasswordForm +Mount: data-component="ForgotPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Form +Mount: data-component="Form" +Category: content +Props: action: string = "", method: string = "post", name: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormActions +Mount: data-component="FormActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FormAlert +Mount: data-component="FormAlert" +Category: feedback +Props: label: string = "Form", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FormDialog +Mount: data-component="FormDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FormError +Mount: data-component="FormError" +Category: core +Props: id: string = "", message: string = "", class: string = "" +Slots: default +Events: none + +### FormErrorSummary +Mount: data-component="FormErrorSummary" +Category: content +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true +Slots: default +Events: none + +### FormField +Mount: data-component="FormField" +Category: forms +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false +Slots: default +Events: none + +### FormGrid +Mount: data-component="FormGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormGroup +Mount: data-component="FormGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### FormHelpText +Mount: data-component="FormHelpText" +Category: content +Props: id: string = "", text: string = "", class: string = "" +Slots: default +Events: none + +### FormLabel +Mount: data-component="FormLabel" +Category: content +Props: for: string = "", label: string = "Label", required: boolean = false, optional: boolean = false, class: string = "" +Slots: none +Events: none + +### FormProgress +Mount: data-component="FormProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormRow +Mount: data-component="FormRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormSection +Mount: data-component="FormSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FullBleed +Mount: data-component="FullBleed" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FullscreenDialog +Mount: data-component="FullscreenDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FunnelChart +Mount: data-component="FunnelChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeoChart +Mount: data-component="GeoChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeofenceEditor +Mount: data-component="GeofenceEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### GhostButton +Mount: data-component="GhostButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GlassCard +Mount: data-component="GlassCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### GlobalSearch +Mount: data-component="GlobalSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GradientCTA +Mount: data-component="GradientCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GradientPicker +Mount: data-component="GradientPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### GradientStopEditor +Mount: data-component="GradientStopEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Grid +Mount: data-component="Grid" +Category: data +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### GuideCard +Mount: data-component="GuideCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideChecklist +Mount: data-component="GuideChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideDifficultyBadge +Mount: data-component="GuideDifficultyBadge" +Category: feedback +Props: label: string = "GuideDifficulty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### GuideGrid +Mount: data-component="GuideGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### GuideStep +Mount: data-component="GuideStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Header +Mount: data-component="Header" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeaderActions +Mount: data-component="HeaderActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HealthIndicator +Mount: data-component="HealthIndicator" +Category: feedback +Props: label: string = "Health", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Hero +Mount: data-component="Hero" +Category: layout +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 + +### HeroActions +Mount: data-component="HeroActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroCodePanel +Mount: data-component="HeroCodePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeroGradientText +Mount: data-component="HeroGradientText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroPrimaryAction +Mount: data-component="HeroPrimaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroProductPreview +Mount: data-component="HeroProductPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroSecondaryAction +Mount: data-component="HeroSecondaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroTrustText +Mount: data-component="HeroTrustText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HexColorInput +Mount: data-component="HexColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HiddenField +Mount: data-component="HiddenField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HighlightText +Mount: data-component="HighlightText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HolidayCalendar +Mount: data-component="HolidayCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HostnameInput +Mount: data-component="HostnameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HourPicker +Mount: data-component="HourPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HslColorInput +Mount: data-component="HslColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### hstack +Mount: data-component="hstack" +Category: core +Props: gap: string = "4", align: string = "center", class: string = "" +Slots: default +Events: none + +### HtmlEditor +Mount: data-component="HtmlEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### HumanApprovalStep +Mount: data-component="HumanApprovalStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Icon +Mount: data-component="Icon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IconButton +Mount: data-component="IconButton" +Category: actions +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Slots: none +Events: none + +### IconPicker +Mount: data-component="IconPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IconSelector +Mount: data-component="IconSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IdentifierInput +Mount: data-component="IdentifierInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Illustration +Mount: data-component="Illustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageCompressionPreview +Mount: data-component="ImageCompressionPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageEditor +Mount: data-component="ImageEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ImagePreviewDialog +Mount: data-component="ImagePreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ImageSelector +Mount: data-component="ImageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ImageUpload +Mount: data-component="ImageUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImportProgress +Mount: data-component="ImportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentAlert +Mount: data-component="IncidentAlert" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentBanner +Mount: data-component="IncidentBanner" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentCard +Mount: data-component="IncidentCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IncidentList +Mount: data-component="IncidentList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### IncidentResponseFlow +Mount: data-component="IncidentResponseFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentSeverityBadge +Mount: data-component="IncidentSeverityBadge" +Category: feedback +Props: label: string = "IncidentSeverity", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentTimeline +Mount: data-component="IncidentTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IndustryBadge +Mount: data-component="IndustryBadge" +Category: feedback +Props: label: string = "Industry", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IndustrySelector +Mount: data-component="IndustrySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### InfoCard +Mount: data-component="InfoCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### Inline +Mount: data-component="Inline" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### InlineAlert +Mount: data-component="InlineAlert" +Category: feedback +Props: label: string = "Inline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### InlineCode +Mount: data-component="InlineCode" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### input +Mount: data-component="input" +Category: core +Props: type: string = "text", name: string = "", value: string = "", placeholder: string = "", class: string = "" +Slots: none +Events: none + +### InputGroup +Mount: data-component="InputGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### InsetPanel +Mount: data-component="InsetPanel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### IntegerInput +Mount: data-component="IntegerInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### IntegrationCard +Mount: data-component="IntegrationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceLineItem +Mount: data-component="InvoiceLineItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceSummary +Mount: data-component="InvoiceSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IpAddressInput +Mount: data-component="IpAddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JobCard +Mount: data-component="JobCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### JobProgress +Mount: data-component="JobProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### JobTitleInput +Mount: data-component="JobTitleInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JsonInput +Mount: data-component="JsonInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### JsonViewer +Mount: data-component="JsonViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### KeyValueTable +Mount: data-component="KeyValueTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### KycDocumentUpload +Mount: data-component="KycDocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LanguageSelector +Mount: data-component="LanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LanguageSwitcher +Mount: data-component="LanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LastNameInput +Mount: data-component="LastNameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LatencyMetric +Mount: data-component="LatencyMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LatitudeInput +Mount: data-component="LatitudeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LeadershipGrid +Mount: data-component="LeadershipGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LeadText +Mount: data-component="LeadText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalAcceptanceNotice +Mount: data-component="LegalAcceptanceNotice" +Category: feedback +Props: label: string = "LegalAcceptance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalBulletList +Mount: data-component="LegalBulletList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalContactBlock +Mount: data-component="LegalContactBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalDefinitionList +Mount: data-component="LegalDefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalDocumentHeader +Mount: data-component="LegalDocumentHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalDocumentLayout +Mount: data-component="LegalDocumentLayout" +Category: layout +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Slots: toc, default +Events: none + +### LegalHero +Mount: data-component="LegalHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalLanguageSelector +Mount: data-component="LegalLanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LegalNotice +Mount: data-component="LegalNotice" +Category: feedback +Props: label: string = "Legal", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalPageShell +Mount: data-component="LegalPageShell" +Category: layout +Props: class: string = "" +Slots: navigation, default +Events: none + +### LegalPrintButton +Mount: data-component="LegalPrintButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LegalRegionSelector +Mount: data-component="LegalRegionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LegalSection +Mount: data-component="LegalSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalSummary +Mount: data-component="LegalSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalTable +Mount: data-component="LegalTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalTableOfContents +Mount: data-component="LegalTableOfContents" +Category: core +Props: title: string = "On this page", items: string = [], class: string = "" +Slots: none +Events: none + +### LegalVersionBadge +Mount: data-component="LegalVersionBadge" +Category: feedback +Props: label: string = "LegalVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LetterSpacingPicker +Mount: data-component="LetterSpacingPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LicenseKeyInput +Mount: data-component="LicenseKeyInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Lightbox +Mount: data-component="Lightbox" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LineChart +Mount: data-component="LineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LineHeightPicker +Mount: data-component="LineHeightPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Link +Mount: data-component="Link" +Category: core +Props: href: string = "#", label: string = "Link", external: boolean = false, className: string = "" +Slots: none +Events: none + +### LinkButton +Mount: data-component="LinkButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### List +Mount: data-component="List" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LoadingButton +Mount: data-component="LoadingButton" +Category: actions +Props: label: string = "Continue", loadingLabel: string = "Loading…", loading: boolean = false, disabled: boolean = false, type: string = "button", variant: string = "primary", class: string = "" +Slots: none +Events: none + +### LocaleSelector +Mount: data-component="LocaleSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### LocalizedRouteLink +Mount: data-component="LocalizedRouteLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LocationPicker +Mount: data-component="LocationPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Logo +Mount: data-component="Logo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoCloud +Mount: data-component="LogoCloud" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "Trusted by teams building modern products", description: string = "", logos: string = [], centered: boolean = true, compact: boolean = false, variant: string = "strip", grayscale: boolean = true, showNames: boolean = false, maxItems: number = 8 +Slots: none +Events: none + +### LogoUpload +Mount: data-component="LogoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoutDialog +Mount: data-component="LogoutDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LogTable +Mount: data-component="LogTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LongitudeInput +Mount: data-component="LongitudeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MaintenanceAlert +Mount: data-component="MaintenanceAlert" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceBanner +Mount: data-component="MaintenanceBanner" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceCard +Mount: data-component="MaintenanceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenancePage +Mount: data-component="MaintenancePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenanceState +Mount: data-component="MaintenanceState" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceWindowPicker +Mount: data-component="MaintenanceWindowPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MapPicker +Mount: data-component="MapPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MarkdownEditor +Mount: data-component="MarkdownEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MarketingPageShell +Mount: data-component="MarketingPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### MarketingSectionHeader +Mount: data-component="MarketingSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MaskedSecretField +Mount: data-component="MaskedSecretField" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MegaMenu +Mount: data-component="MegaMenu" +Category: overlays +Props: label: string = "Explore", sections: string = [], class: string = "" +Slots: none +Events: click + +### MemberList +Mount: data-component="MemberList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### MentionInput +Mount: data-component="MentionInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MessageCharacterCounter +Mount: data-component="MessageCharacterCounter" +Category: feedback +Props: label: string = "MessageCharacter", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MessageComposer +Mount: data-component="MessageComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageComposerPreview +Mount: data-component="MessageComposerPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageLimitInput +Mount: data-component="MessageLimitInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MessagePreview +Mount: data-component="MessagePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageVolumeSlider +Mount: data-component="MessageVolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Metric +Mount: data-component="Metric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### MetricCard +Mount: data-component="MetricCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MetricGrid +Mount: data-component="MetricGrid" +Category: data +Props: label: string = "Key metrics", metrics: string = [], class: string = "" +Slots: none +Events: none + +### MetricText +Mount: data-component="MetricText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MinutePicker +Mount: data-component="MinutePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MissionSection +Mount: data-component="MissionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileDeviceFrame +Mount: data-component="MobileDeviceFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileInput +Mount: data-component="MobileInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MobileMenuButton +Mount: data-component="MobileMenuButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### MobileNavigation +Mount: data-component="MobileNavigation" +Category: layout +Props: label: string = "Menu", closeLabel: string = "Close menu", items: string = [], class: string = "" +Slots: none +Events: click + +### MobileTableCard +Mount: data-component="MobileTableCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Modal +Mount: data-component="Modal" +Category: core +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Slots: default +Events: click + +### MonthlyVolumeSelector +Mount: data-component="MonthlyVolumeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MonthPicker +Mount: data-component="MonthPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MonthYearPicker +Mount: data-component="MonthYearPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MultiFileUpload +Mount: data-component="MultiFileUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MultipleEmailInput +Mount: data-component="MultipleEmailInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### MultiSelect +Mount: data-component="MultiSelect" +Category: core +Props: id: string = "multi-select", name: string = "", label: string = "Choose options", options: string = [], required: boolean = false, disabled: boolean = false, size: number = 5, class: string = "" +Slots: none +Events: none + +### MutedText +Mount: data-component="MutedText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NameInput +Mount: data-component="NameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### NarrowContainer +Mount: data-component="NarrowContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Navigation +Mount: data-component="Navigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NavigationItem +Mount: data-component="NavigationItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NavigationMegaMenu +Mount: data-component="NavigationMegaMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### NewBadge +Mount: data-component="NewBadge" +Category: feedback +Props: label: string = "New", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NewPasswordInput +Mount: data-component="NewPasswordInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### NewsletterCTA +Mount: data-component="NewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### NewsletterForm +Mount: data-component="NewsletterForm" +Category: content +Props: class: string = "", eyebrow: string = "", title: string = "Stay up to date", description: string = "", placeholder: string = "Enter your email", buttonLabel: string = "Subscribe", action: string = "/newsletter/subscribe", method: string = "post", emailName: string = "email", privacyLabel: string = "", privacyHref: string = "/privacy", successMessage: string = "You are subscribed.", errorMessage: string = "Something went wrong. Please try again.", iconClass: string = "icon-[lucide--mail]", centered: boolean = false, compact: boolean = false, showIcon: boolean = true, showPrivacy: boolean = true, fullWidth: boolean = false +Slots: none +Events: submit, input + +### NoResultsState +Mount: data-component="NoResultsState" +Category: feedback +Props: label: string = "NoResults", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotFoundPage +Mount: data-component="NotFoundPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NotFoundState +Mount: data-component="NotFoundState" +Category: feedback +Props: label: string = "NotFound", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationCard +Mount: data-component="NotificationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### NotificationDot +Mount: data-component="NotificationDot" +Category: core +Props: label: string = "Notification", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationList +Mount: data-component="NotificationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### NumberInput +Mount: data-component="NumberInput" +Category: forms +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 + +### OfficeCard +Mount: data-component="OfficeCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflinePage +Mount: data-component="OfflinePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflineState +Mount: data-component="OfflineState" +Category: feedback +Props: label: string = "Offline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OnboardingProgress +Mount: data-component="OnboardingProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### OneTimeSecretDisplay +Mount: data-component="OneTimeSecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OnlineIndicator +Mount: data-component="OnlineIndicator" +Category: feedback +Props: label: string = "Online", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OpacitySlider +Mount: data-component="OpacitySlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OpenAPICTA +Mount: data-component="OpenAPICTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### OptionalIndicator +Mount: data-component="OptionalIndicator" +Category: feedback +Props: label: string = "Optional", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OrganizationSelector +Mount: data-component="OrganizationSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### OtpInput +Mount: data-component="OtpInput" +Category: forms +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" +Slots: none +Events: none + +### OtpVerificationForm +Mount: data-component="OtpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OutlinedCard +Mount: data-component="OutlinedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### PageAlert +Mount: data-component="PageAlert" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PageHeader +Mount: data-component="PageHeader" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "", description: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", icon: string = "sparkles", centered: boolean = false, compact: boolean = false, showBreadcrumbs: boolean = false, breadcrumbParent: string = "", breadcrumbParentHref: string = "", breadcrumbCurrent: string = "", highlights: string = [] +Slots: none +Events: none + +### PageHeading +Mount: data-component="PageHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PageShell +Mount: data-component="PageShell" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### PageSkeleton +Mount: data-component="PageSkeleton" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Pagination +Mount: data-component="Pagination" +Category: core +Props: class: string = "", currentPage: number = 1, totalPages: number = 1, previousHref: string = "", nextHref: string = "", pages: string = [], showNumbers: boolean = true, showSummary: boolean = true, totalItems: number = 0, pageSize: number = 10, compact: boolean = false, centered: boolean = false +Slots: none +Events: none + +### Panel +Mount: data-component="Panel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### PartnerApplicationForm +Mount: data-component="PartnerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PartnerLogoGrid +Mount: data-component="PartnerLogoGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PartnerProgramCard +Mount: data-component="PartnerProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PasskeyButton +Mount: data-component="PasskeyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordInput +Mount: data-component="PasswordInput" +Category: forms +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 + +### PasswordRequirementList +Mount: data-component="PasswordRequirementList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PasswordStrengthMeter +Mount: data-component="PasswordStrengthMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordVisibilityToggle +Mount: data-component="PasswordVisibilityToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PathInput +Mount: data-component="PathInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PaymentMethodCard +Mount: data-component="PaymentMethodCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PdfPreview +Mount: data-component="PdfPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PercentageInput +Mount: data-component="PercentageInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PermissionSelector +Mount: data-component="PermissionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PhoneInput +Mount: data-component="PhoneInput" +Category: forms +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 + +### PieChart +Mount: data-component="PieChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Pill +Mount: data-component="Pill" +Category: core +Props: label: string = "Pill", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PinInput +Mount: data-component="PinInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlainTextEditor +Mount: data-component="PlainTextEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlanCTA +Mount: data-component="PlanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PlanFeatureList +Mount: data-component="PlanFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanLimitList +Mount: data-component="PlanLimitList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanSelector +Mount: data-component="PlanSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PlatformPillarCard +Mount: data-component="PlatformPillarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PolicyVersionTable +Mount: data-component="PolicyVersionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Popover +Mount: data-component="Popover" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### PortInput +Mount: data-component="PortInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PortNumberInput +Mount: data-component="PortNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PositiveNumberInput +Mount: data-component="PositiveNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PostalCodeInput +Mount: data-component="PostalCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PostmanCTA +Mount: data-component="PostmanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PresetDateRangePicker +Mount: data-component="PresetDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PressReleaseCard +Mount: data-component="PressReleaseCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PreviewBadge +Mount: data-component="PreviewBadge" +Category: feedback +Props: label: string = "Preview", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PreviousNextNavigation +Mount: data-component="PreviousNextNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PriceInput +Mount: data-component="PriceInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PriceRangeSlider +Mount: data-component="PriceRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PriceText +Mount: data-component="PriceText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingCard +Mount: data-component="PricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingComparisonTable +Mount: data-component="PricingComparisonTable" +Category: data +Props: caption: string = "Plan comparison", plans: string = [], features: string = [], class: string = "" +Slots: none +Events: none + +### PricingContactForm +Mount: data-component="PricingContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingFeatureGroup +Mount: data-component="PricingFeatureGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PricingGrid +Mount: data-component="PricingGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingHero +Mount: data-component="PricingHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingPlanCard +Mount: data-component="PricingPlanCard" +Category: content +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 + +### PricingTable +Mount: data-component="PricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingToggle +Mount: data-component="PricingToggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PrimaryButton +Mount: data-component="PrimaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintAction +Mount: data-component="PrintAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintPolicyButton +Mount: data-component="PrintPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrioritySelector +Mount: data-component="PrioritySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PrivacyNotice +Mount: data-component="PrivacyNotice" +Category: feedback +Props: label: string = "Privacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductArchitectureDiagram +Mount: data-component="ProductArchitectureDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductCard +Mount: data-component="ProductCard" +Category: content +Props: eyebrow: string = "Product", title: string = "Product name", description: string = "", href: string = "#", actionLabel: string = "Learn more", status: string = "", class: string = "" +Slots: none +Events: none + +### ProductCategorySection +Mount: data-component="ProductCategorySection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductCTA +Mount: data-component="ProductCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductFeatureList +Mount: data-component="ProductFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductGrid +Mount: data-component="ProductGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductHero +Mount: data-component="ProductHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductIcon +Mount: data-component="ProductIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductIntegrationList +Mount: data-component="ProductIntegrationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductList +Mount: data-component="ProductList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductLogo +Mount: data-component="ProductLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductMegaMenu +Mount: data-component="ProductMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### ProductMiniCard +Mount: data-component="ProductMiniCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductNavigationCard +Mount: data-component="ProductNavigationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductPageShell +Mount: data-component="ProductPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### ProductSelector +Mount: data-component="ProductSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ProductsMegaMenu +Mount: data-component="ProductsMegaMenu" +Category: overlays +Props: label: string = "Products", sections: string = [], class: string = "" +Slots: none +Events: none + +### ProductStatusBadge +Mount: data-component="ProductStatusBadge" +Category: feedback +Props: label: string = "ProductStatus", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductUseCaseList +Mount: data-component="ProductUseCaseList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### progress +Mount: data-component="progress" +Category: core +Props: value: number = 0, max: number = 100, class: string = "" +Slots: none +Events: none + +### ProgressBar +Mount: data-component="ProgressBar" +Category: core +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Slots: none +Events: none + +### ProgressChart +Mount: data-component="ProgressChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressRing +Mount: data-component="ProgressRing" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressSlider +Mount: data-component="ProgressSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProjectCard +Mount: data-component="ProjectCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ProjectSelector +Mount: data-component="ProjectSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ProjectSwitcher +Mount: data-component="ProjectSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PromoCodeInput +Mount: data-component="PromoCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PromptDialog +Mount: data-component="PromptDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ProviderSelector +Mount: data-component="ProviderSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PublicFooter +Mount: data-component="PublicFooter" +Category: core +Props: class: string = "" +Slots: none +Events: submit + +### PublicHeader +Mount: data-component="PublicHeader" +Category: layout +Props: class: string = "" +Slots: none +Events: click + +### PublicHeaderLogo +Mount: data-component="PublicHeaderLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PublicMobileNavigation +Mount: data-component="PublicMobileNavigation" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### PublicPageShell +Mount: data-component="PublicPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PublicSearch +Mount: data-component="PublicSearch" +Category: core +Props: class: string = "", query: string = "", placeholder: string = "Search...", label: string = "Search", action: string = "", method: string = "get", name: string = "q", buttonLabel: string = "", clearLabel: string = "Clear search", size: string = "default", centered: boolean = false, fullWidth: boolean = false, showShortcut: boolean = false, shortcutLabel: string = "⌘ K", suggestions: string = [] +Slots: none +Events: input, focus, blur, click + +### PublishDateTimePicker +Mount: data-component="PublishDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### PushComposer +Mount: data-component="PushComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PushNotificationEditor +Mount: data-component="PushNotificationEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### QrCode +Mount: data-component="QrCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuantityInput +Mount: data-component="QuantityInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### QuantityStepper +Mount: data-component="QuantityStepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuietHoursPicker +Mount: data-component="QuietHoursPicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### QuoteText +Mount: data-component="QuoteText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Radio +Mount: data-component="Radio" +Category: core +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: class: string = "", label: string = "Choose one", name: string = "choice" +Slots: default +Events: none + +### RangeInput +Mount: data-component="RangeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RangeSlider +Mount: data-component="RangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateLimitedState +Mount: data-component="RateLimitedState" +Category: feedback +Props: label: string = "RateLimited", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RateLimitInput +Mount: data-component="RateLimitInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RateLimitPage +Mount: data-component="RateLimitPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateTable +Mount: data-component="RateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RatingSlider +Mount: data-component="RatingSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecipientSelector +Mount: data-component="RecipientSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RecoveryCodeForm +Mount: data-component="RecoveryCodeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecoveryCodeInput +Mount: data-component="RecoveryCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RecurrenceRuleBuilder +Mount: data-component="RecurrenceRuleBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecurringSchedulePicker +Mount: data-component="RecurringSchedulePicker" +Category: forms +Props: id: string = "recurring-schedule", name: string = "recurrence", label: string = "Repeat", value: string = "none", disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### RedirectUriInput +Mount: data-component="RedirectUriInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ReferenceInput +Mount: data-component="ReferenceInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegexInput +Mount: data-component="RegexInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegionalPrivacyBanner +Mount: data-component="RegionalPrivacyBanner" +Category: feedback +Props: label: string = "RegionalPrivacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionAvailabilityTable +Mount: data-component="RegionAvailabilityTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RegionSelector +Mount: data-component="RegionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RegionUnavailableAlert +Mount: data-component="RegionUnavailableAlert" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionUnavailableState +Mount: data-component="RegionUnavailableState" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RejectOptionalCookiesButton +Mount: data-component="RejectOptionalCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReopenCookieSettingsButton +Mount: data-component="ReopenCookieSettingsButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReportCard +Mount: data-component="ReportCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestResponseViewer +Mount: data-component="RequestResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestViewer +Mount: data-component="RequestViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequiredIndicator +Mount: data-component="RequiredIndicator" +Category: feedback +Props: label: string = "Required", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResetPasswordForm +Mount: data-component="ResetPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResizablePanel +Mount: data-component="ResizablePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceCard +Mount: data-component="ResourceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourceDownloadCard +Mount: data-component="ResourceDownloadCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcePageShell +Mount: data-component="ResourcePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceSearch +Mount: data-component="ResourceSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcesMegaMenu +Mount: data-component="ResourcesMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### ResourceTypeBadge +Mount: data-component="ResourceTypeBadge" +Category: feedback +Props: label: string = "ResourceType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResponseViewer +Mount: data-component="ResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResponsibleDisclosureCTA +Mount: data-component="ResponsibleDisclosureCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ResponsiveTable +Mount: data-component="ResponsiveTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ResultsSection +Mount: data-component="ResultsSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### RetentionTable +Mount: data-component="RetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RetryCountInput +Mount: data-component="RetryCountInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RevenueChart +Mount: data-component="RevenueChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### RgbColorInput +Mount: data-component="RgbColorInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RichTextEditor +Mount: data-component="RichTextEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RichTextInput +Mount: data-component="RichTextInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RoleSelector +Mount: data-component="RoleSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### RollingDateRangePicker +Mount: data-component="RollingDateRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SaveCookiePreferencesButton +Mount: data-component="SaveCookiePreferencesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SavedFilterSelector +Mount: data-component="SavedFilterSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ScheduledDateTimePicker +Mount: data-component="ScheduledDateTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ScheduleMessagePicker +Mount: data-component="ScheduleMessagePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SchedulePicker +Mount: data-component="SchedulePicker" +Category: forms +Props: class: string = "", label: string = "Schedule" +Slots: none +Events: none + +### ScreenshotFrame +Mount: data-component="ScreenshotFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ScrollArea +Mount: data-component="ScrollArea" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### SDKCard +Mount: data-component="SDKCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SdkLanguageSelector +Mount: data-component="SdkLanguageSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SDKLanguageTabs +Mount: data-component="SDKLanguageTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SDKTabs +Mount: data-component="SDKTabs" +Category: core +Props: label: string = "SDK languages", tabs: string = [], defaultIndex: number = 0, class: string = "" +Slots: none +Events: click + +### SearchButton +Mount: data-component="SearchButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SearchCategoryTabs +Mount: data-component="SearchCategoryTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SearchDialog +Mount: data-component="SearchDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SearchEmptyState +Mount: data-component="SearchEmptyState" +Category: feedback +Props: label: string = "SearchEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchInput +Mount: data-component="SearchInput" +Category: forms +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 + +### SearchLoadingState +Mount: data-component="SearchLoadingState" +Category: feedback +Props: label: string = "SearchLoading", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchResultItem +Mount: data-component="SearchResultItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecondaryButton +Mount: data-component="SecondaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SecondPicker +Mount: data-component="SecondPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SecretDisplay +Mount: data-component="SecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecretInput +Mount: data-component="SecretInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SecretRevealDialog +Mount: data-component="SecretRevealDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Section +Mount: data-component="Section" +Category: layout +Props: id: string = "", size: string = "default", surface: string = "default", className: string = "" +Slots: default +Events: none + +### SectionActions +Mount: data-component="SectionActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SectionHeader +Mount: data-component="SectionHeader" +Category: layout +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Slots: default +Events: none + +### SectionHeading +Mount: data-component="SectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityAlert +Mount: data-component="SecurityAlert" +Category: feedback +Props: label: string = "Security", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SecurityContactCard +Mount: data-component="SecurityContactCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityFeatureCard +Mount: data-component="SecurityFeatureCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityHero +Mount: data-component="SecurityHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityPillarGrid +Mount: data-component="SecurityPillarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityPracticeList +Mount: data-component="SecurityPracticeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityReportForm +Mount: data-component="SecurityReportForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Select +Mount: data-component="Select" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Slots: default +Events: none + +### SenderIdInput +Mount: data-component="SenderIdInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ServerErrorPage +Mount: data-component="ServerErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ServiceLevelTable +Mount: data-component="ServiceLevelTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusBadge +Mount: data-component="ServiceStatusBadge" +Category: feedback +Props: label: string = "ServiceStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ServiceStatusList +Mount: data-component="ServiceStatusList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusRow +Mount: data-component="ServiceStatusRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SessionCard +Mount: data-component="SessionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SessionExpiredDialog +Mount: data-component="SessionExpiredDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SetupChecklist +Mount: data-component="SetupChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SeveritySelector +Mount: data-component="SeveritySelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ShadowPicker +Mount: data-component="ShadowPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ShareAction +Mount: data-component="ShareAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ShareButton +Mount: data-component="ShareButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SidebarLayout +Mount: data-component="SidebarLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SidePanel +Mount: data-component="SidePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SignInForm +Mount: data-component="SignInForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SignInLink +Mount: data-component="SignInLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SignUpForm +Mount: data-component="SignUpForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SiteSearch +Mount: data-component="SiteSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Skeleton +Mount: data-component="Skeleton" +Category: feedback +Props: height: string = "4", rounded: string = "lg", className: string = "" +Slots: none +Events: none + +### SkipLink +Mount: data-component="SkipLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SlaTable +Mount: data-component="SlaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Slider +Mount: data-component="Slider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SlugInput +Mount: data-component="SlugInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SmallText +Mount: data-component="SmallText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SmartRouteDiagram +Mount: data-component="SmartRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### SmsComposer +Mount: data-component="SmsComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SmsMessageEditor +Mount: data-component="SmsMessageEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SmsSegmentCounter +Mount: data-component="SmsSegmentCounter" +Category: feedback +Props: label: string = "SmsSegment", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SocialShare +Mount: data-component="SocialShare" +Category: core +Props: class: string = "", title: string = "Share this page", description: string = "", url: string = "", shareText: string = "", centered: boolean = false, compact: boolean = false, showTitle: boolean = true, showCopy: boolean = true, networks: string = [] +Slots: none +Events: click + +### SolutionHero +Mount: data-component="SolutionHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionPageShell +Mount: data-component="SolutionPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionSection +Mount: data-component="SolutionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionsMegaMenu +Mount: data-component="SolutionsMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### SortableTable +Mount: data-component="SortableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### spacer +Mount: data-component="spacer" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### Spinner +Mount: data-component="Spinner" +Category: core +Props: class: string = "", label: string = "Loading", size: string = "md" +Slots: none +Events: none + +### SplitButton +Mount: data-component="SplitButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitCTA +Mount: data-component="SplitCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitHero +Mount: data-component="SplitHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SplitLayout +Mount: data-component="SplitLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SplitSectionHeader +Mount: data-component="SplitSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stack +Mount: data-component="Stack" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### StartFreeButton +Mount: data-component="StartFreeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### StatCard +Mount: data-component="StatCard" +Category: content +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Slots: none +Events: none + +### StateSelector +Mount: data-component="StateSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StatusBadge +Mount: data-component="StatusBadge" +Category: feedback +Props: class: string = "", status: string = "operational" +Slots: none +Events: none + +### StatusBanner +Mount: data-component="StatusBanner" +Category: core +Props: class: string = "", type: string = "info", title: string = "", description: string = "", actionLabel: string = "", actionHref: string = "", dismissible: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### StatusPageShell +Mount: data-component="StatusPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### StatusSelector +Mount: data-component="StatusSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StatusSubscribeForm +Mount: data-component="StatusSubscribeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StatusTable +Mount: data-component="StatusTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### StepNavigation +Mount: data-component="StepNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stepper +Mount: data-component="Stepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StepperInput +Mount: data-component="StepperInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### StepUpAuthenticationDialog +Mount: data-component="StepUpAuthenticationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### StickerPicker +Mount: data-component="StickerPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Sticky +Mount: data-component="Sticky" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### StickyLayout +Mount: data-component="StickyLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### StreetAddressInput +Mount: data-component="StreetAddressInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubdomainInput +Mount: data-component="SubdomainInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubjectInput +Mount: data-component="SubjectInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### SubprocessorTable +Mount: data-component="SubprocessorTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SubsectionHeading +Mount: data-component="SubsectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SuccessCard +Mount: data-component="SuccessCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### SuccessState +Mount: data-component="SuccessState" +Category: feedback +Props: label: string = "Success", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SupportRequestForm +Mount: data-component="SupportRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Surface +Mount: data-component="Surface" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Switch +Mount: data-component="Switch" +Category: core +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: class: string = "", caption: string = "Data table", responsive: boolean = true +Slots: default +Events: none + +### TableHeader +Mount: data-component="TableHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### TableRow +Mount: data-component="TableRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TableSkeleton +Mount: data-component="TableSkeleton" +Category: feedback +Props: label: string = "Table", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Tabs +Mount: data-component="Tabs" +Category: content +Props: class: string = "", active: string = "first" +Slots: first, second +Events: click + +### tag +Mount: data-component="tag" +Category: core +Props: label: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TagInput +Mount: data-component="TagInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TaxNotice +Mount: data-component="TaxNotice" +Category: feedback +Props: label: string = "Tax", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TaxRateInput +Mount: data-component="TaxRateInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TeamMemberCard +Mount: data-component="TeamMemberCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TeamSizeSelector +Mount: data-component="TeamSizeSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TemplateCard +Mount: data-component="TemplateCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### TemplateSelector +Mount: data-component="TemplateSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TemplateVariableInput +Mount: data-component="TemplateVariableInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TenantIsolationDiagram +Mount: data-component="TenantIsolationDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TerminalBlock +Mount: data-component="TerminalBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TertiaryButton +Mount: data-component="TertiaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TestimonialCard +Mount: data-component="TestimonialCard" +Category: content +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Slots: none +Events: none + +### TestimonialCarousel +Mount: data-component="TestimonialCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TestMessageDialog +Mount: data-component="TestMessageDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Textarea +Mount: data-component="Textarea" +Category: core +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: 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 + +### TextLink +Mount: data-component="TextLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TextSkeleton +Mount: data-component="TextSkeleton" +Category: feedback +Props: label: string = "Text", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### theme-toggle +Mount: data-component="theme-toggle" +Category: core +Props: label: string = "Toggle theme", class: string = "" +Slots: default +Events: none + +### ThemeColorPicker +Mount: data-component="ThemeColorPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ThemeSwitcher +Mount: data-component="ThemeSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TimeInput +Mount: data-component="TimeInput" +Category: forms +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: class: string = "", title: string = "Timeline" +Slots: default +Events: none + +### TimelineChart +Mount: data-component="TimelineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TimelineItem +Mount: data-component="TimelineItem" +Category: content +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" +Slots: none +Events: none + +### TimeoutInput +Mount: data-component="TimeoutInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimePicker +Mount: data-component="TimePicker" +Category: forms +Props: 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 = "" +Slots: none +Events: none + +### TimeRangePicker +Mount: data-component="TimeRangePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimezoneAwareTimePicker +Mount: data-component="TimezoneAwareTimePicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TimezoneSelector +Mount: data-component="TimezoneSelector" +Category: forms +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Slots: none +Events: none + +### Toast +Mount: data-component="Toast" +Category: core +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Slots: none +Events: click + +### ToastAction +Mount: data-component="ToastAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ToastHost +Mount: data-component="ToastHost" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### ToastIcon +Mount: data-component="ToastIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ToastProgress +Mount: data-component="ToastProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Toggle +Mount: data-component="Toggle" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ToggleGroup +Mount: data-component="ToggleGroup" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### TokenInput +Mount: data-component="TokenInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### Tooltip +Mount: data-component="Tooltip" +Category: content +Props: class: string = "", text: string = "Helpful information", position: string = "top" +Slots: default +Events: none + +### TotpVerificationForm +Mount: data-component="TotpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TranslatedText +Mount: data-component="TranslatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TreeTable +Mount: data-component="TreeTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TrendIndicator +Mount: data-component="TrendIndicator" +Category: feedback +Props: label: string = "Trend", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TruncatedText +Mount: data-component="TruncatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TrustBadgeList +Mount: data-component="TrustBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Typography +Mount: data-component="Typography" +Category: core +Props: as: string = "p", variant: string = "body", align: string = "start", class: string = "" +Slots: default +Events: none + +### UnavailableRegionState +Mount: data-component="UnavailableRegionState" +Category: feedback +Props: label: string = "UnavailableRegion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### UnifiedTimelinePreview +Mount: data-component="UnifiedTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UnsavedChangesDialog +Mount: data-component="UnsavedChangesDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### UploadItem +Mount: data-component="UploadItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadPreview +Mount: data-component="UploadPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadProgress +Mount: data-component="UploadProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeChart +Mount: data-component="UptimeChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeMetric +Mount: data-component="UptimeMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UrlInput +Mount: data-component="UrlInput" +Category: forms +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 + +### UsagePricingTable +Mount: data-component="UsagePricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### UseCaseSelector +Mount: data-component="UseCaseSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### UserCard +Mount: data-component="UserCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### UsernameInput +Mount: data-component="UsernameInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ValueCard +Mount: data-component="ValueCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ValuesGrid +Mount: data-component="ValuesGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VerificationCodeInput +Mount: data-component="VerificationCodeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VerifiedBadge +Mount: data-component="VerifiedBadge" +Category: feedback +Props: label: string = "Verified", variant: string = "default", class: string = "" +Slots: default +Events: none + +### VersionSelector +Mount: data-component="VersionSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VerticalTabs +Mount: data-component="VerticalTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoCard +Mount: data-component="VideoCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoPreviewDialog +Mount: data-component="VideoPreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### VideoUpload +Mount: data-component="VideoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VirtualizedTable +Mount: data-component="VirtualizedTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VisionSection +Mount: data-component="VisionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### VisuallyHidden +Mount: data-component="VisuallyHidden" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### VoiceScriptComposer +Mount: data-component="VoiceScriptComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VoiceScriptEditor +Mount: data-component="VoiceScriptEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VolumeInput +Mount: data-component="VolumeInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### VolumeSlider +Mount: data-component="VolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WarningCard +Mount: data-component="WarningCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WebhookEventCard +Mount: data-component="WebhookEventCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookFlowDiagram +Mount: data-component="WebhookFlowDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WebhookPayloadViewer +Mount: data-component="WebhookPayloadViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookUrlInput +Mount: data-component="WebhookUrlInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WebinarCard +Mount: data-component="WebinarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebinarRegistrationForm +Mount: data-component="WebinarRegistrationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Well +Mount: data-component="Well" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### WhatsAppComposer +Mount: data-component="WhatsAppComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WhatsAppNumberInput +Mount: data-component="WhatsAppNumberInput" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WhatsAppTemplateEditor +Mount: data-component="WhatsAppTemplateEditor" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WideContainer +Mount: data-component="WideContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Wizard +Mount: data-component="Wizard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WizardHeader +Mount: data-component="WizardHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WizardNavigation +Mount: data-component="WizardNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WorkflowCanvasPreview +Mount: data-component="WorkflowCanvasPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WorkflowProgress +Mount: data-component="WorkflowProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WorkspaceCard +Mount: data-component="WorkspaceCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WorkspaceSelector +Mount: data-component="WorkspaceSelector" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### WorkspaceSwitcher +Mount: data-component="WorkspaceSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### YearPicker +Mount: data-component="YearPicker" +Category: forms +Props: 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 = "" +Slots: default +Events: none + +### ZoomSlider +Mount: data-component="ZoomSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + # Installed package documentation The following README files and declarations come from the installed private 0.2.64 release. diff --git a/scripts/generate-docs.ts b/scripts/generate-docs.ts index ab43483b..8298856f 100644 --- a/scripts/generate-docs.ts +++ b/scripts/generate-docs.ts @@ -256,7 +256,7 @@ function shell(title: string, description: string, content: string, state = ""): ${state} view {
- +
W WRNexusJS @@ -264,7 +264,8 @@ ${state}
Browse documentation
${content} -
WRNexusJS ${frameworkVersion} · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.
+ +
} } diff --git a/scripts/generate-portal.ts b/scripts/generate-portal.ts index cbdddac6..a62659d8 100644 --- a/scripts/generate-portal.ts +++ b/scripts/generate-portal.ts @@ -1,4 +1,4 @@ -import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs"; +import { existsSync, mkdirSync, readdirSync, readFileSync, writeFileSync } from "node:fs"; import { join, resolve } from "node:path"; import { format } from "prettier"; @@ -77,12 +77,13 @@ function shell(title: string, description: string, body: string, section = "Docu canonical = "https://wrnexusjs.dev${routeFor(title)}" } view { - +
W WRNexusJS
Preview · v${version}
Browse documentation
${breadcrumbs}${body}
- + +
} }`; @@ -116,12 +117,13 @@ function marketingShell(description: string, body: string) { canonical = "https://wrnexusjs.dev/" } view { - +
W WRNexusJS
Private preview · v${version}
Menu
${marketingBody}
- + +
} }`; @@ -151,7 +153,7 @@ function page(route: string, title: string, description: string, body: string, s writeFileSync(path, shell(title, description, body, section)); } -const status = ` Private Developer Preview`; +const status = ``; writeFileSync( join(pages, "index.wrn"), marketingShell( @@ -554,6 +556,26 @@ writeFileSync( join(docs, "audits", "2026-07-12-baseline.md"), `# Baseline audit\n\nAutomated Bun install/docs/test/check/build passed before implementation. Lighthouse, browser accessibility, and screenshots were unavailable; no scores are claimed.\n`, ); + +// Historical release notes are intentionally immutable content, but they share +// the current accessible shell controls and interaction behavior. +const releasesDirectory = join(pages, "releases"); +for (const file of readdirSync(releasesDirectory).filter((name) => name.endsWith(".wrn"))) { + const releasePath = join(releasesDirectory, file); + let source = readFileSync(releasePath, "utf8"); + source = source.replace( + '', + '', + ); + source = source.replace("", ""); + if (!source.includes("\n {2}}\n}\s*$/, + "\n \n \n }\n}\n", + ); + } + writeFileSync(releasePath, source); +} console.log( `Generated portal pages, ${urls.length} discovery URLs, and audit deliverables for WRNexusJS ${version}.`, );