# WRNexusJS 0.2.59 comprehensive documentation index

Status: Private Developer Preview. Runtime: Bun. UI language: .wrn.
This is the documentation application, not the framework monorepo.

- https://wrnexusjs.dev/
- https://wrnexusjs.dev/access
- https://wrnexusjs.dev/getting-started
- https://wrnexusjs.dev/tutorial
- https://wrnexusjs.dev/architecture
- https://wrnexusjs.dev/language
- https://wrnexusjs.dev/packages
- https://wrnexusjs.dev/guides/project-structure
- https://wrnexusjs.dev/guides/routing
- https://wrnexusjs.dev/guides/pages-and-components
- https://wrnexusjs.dev/guides/server-data
- https://wrnexusjs.dev/guides/api-routes
- https://wrnexusjs.dev/guides/middleware
- https://wrnexusjs.dev/guides/forms-and-validation
- https://wrnexusjs.dev/guides/authentication
- https://wrnexusjs.dev/guides/authorization
- https://wrnexusjs.dev/guides/security
- https://wrnexusjs.dev/guides/database
- https://wrnexusjs.dev/guides/uploads
- https://wrnexusjs.dev/guides/realtime
- https://wrnexusjs.dev/guides/pubsub
- https://wrnexusjs.dev/guides/queues
- https://wrnexusjs.dev/guides/testing
- https://wrnexusjs.dev/guides/workspaces-and-gateway
- https://wrnexusjs.dev/guides/deployment
- https://wrnexusjs.dev/guides/configuration-and-profiles
- https://wrnexusjs.dev/guides/i18n-and-themes
- https://wrnexusjs.dev/guides/mobile
- https://wrnexusjs.dev/guides/observability
- https://wrnexusjs.dev/guides/upgrading
- https://wrnexusjs.dev/guides/troubleshooting
- https://wrnexusjs.dev/examples
- https://wrnexusjs.dev/showcase
- https://wrnexusjs.dev/benchmarks
- https://wrnexusjs.dev/roadmap
- https://wrnexusjs.dev/changelog
- https://wrnexusjs.dev/releases/0.2.59
- https://wrnexusjs.dev/security
- https://wrnexusjs.dev/support
- https://wrnexusjs.dev/license
- https://wrnexusjs.dev/search
- https://wrnexusjs.dev/404
- https://wrnexusjs.dev/packages/ai
- https://wrnexusjs.dev/packages/authz
- https://wrnexusjs.dev/packages/cli
- https://wrnexusjs.dev/packages/compiler
- https://wrnexusjs.dev/packages/core
- https://wrnexusjs.dev/packages/csr
- https://wrnexusjs.dev/packages/db
- https://wrnexusjs.dev/packages/dev-server
- https://wrnexusjs.dev/packages/encryption
- https://wrnexusjs.dev/packages/helpers
- https://wrnexusjs.dev/packages/i18n
- https://wrnexusjs.dev/packages/jwt
- https://wrnexusjs.dev/packages/mobile
- https://wrnexusjs.dev/packages/native
- https://wrnexusjs.dev/packages/oauth
- https://wrnexusjs.dev/packages/pubsub
- https://wrnexusjs.dev/packages/queue
- https://wrnexusjs.dev/packages/reactive
- https://wrnexusjs.dev/packages/router
- https://wrnexusjs.dev/packages/ssr
- https://wrnexusjs.dev/packages/styles
- https://wrnexusjs.dev/packages/test
- https://wrnexusjs.dev/packages/tracking
- https://wrnexusjs.dev/packages/ui
- https://wrnexusjs.dev/packages/uploader
- https://wrnexusjs.dev/packages/validation

For exact APIs, use installed package README files followed by exported declarations.

# Complete @wrnexus/ui component reference

### 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: 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: 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: 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: 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: 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: label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500
Slots: none
Events: click

### Badge
Mount: data-component="Badge"
Category: feedback
Props: label: string = "Badge", variant: string = "neutral"
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: 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: homeLabel: string = "Home", homeHref: string = "/", current: string = "Current page"
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: 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: 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

### 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: 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

### 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: 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: id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
Slots: none
Events: none

### DatePicker
Mount: data-component="DatePicker"
Category: forms
Props: id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false
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: 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: 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

### 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: title: string = "Panel", open: boolean = false, side: string = "right"
Slots: default
Events: click

### DropdownMenu
Mount: data-component="DropdownMenu"
Category: overlays
Props: 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: 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: icon: string = "◇", title: string = "Nothing here yet", description: string = "", actionLabel: string = "", actionHref: 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: code: string = "500", title: string = "Something went wrong", description: string = "Please try again.", actionLabel: string = "Try again", actionHref: string = "/"
Slots: none
Events: none

### 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: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0
Slots: none
Events: none

### FAQAccordion
Mount: data-component="FAQAccordion"
Category: core
Props: eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support"
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: 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: 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: title: string = "Please fix the following", visible: boolean = true
Slots: default
Events: none

### FormField
Mount: data-component="FormField"
Category: forms
Props: label: string = "Field", help: string = "", error: string = "", required: boolean = false
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: 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: 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: 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: title: string = "Trusted by modern teams"
Slots: default
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: 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: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = ""
Slots: default
Events: none

### 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: 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: 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

### 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: page: number = 1, totalPages: number = 1, previousHref: string = "#", nextHref: string = "#"
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: 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: 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: 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

### 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: 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: brand: string = "WRNexusJS", description: string = "SSR-first, Bun-native full-stack framework.", copyright: string = "© 2026 WorkRoot Workspace"
Slots: default
Events: none

### PublicHeader
Mount: data-component="PublicHeader"
Category: layout
Props: brand: string = "WRNexusJS", homeHref: string = "/", signInHref: string = "/signin", ctaHref: string = "/start", ctaLabel: string = "Get started"
Slots: default, mobile
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

### PublicPageShell
Mount: data-component="PublicPageShell"
Category: layout
Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = ""
Slots: default
Events: none

### 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: id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false
Slots: none
Events: none

### RadioGroup
Mount: data-component="RadioGroup"
Category: forms
Props: label: string = "Choose one", name: string = "choice"
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: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
Slots: default
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: 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: 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: 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: 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

### 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: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = ""
Slots: default
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: 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: 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: status: string = "operational"
Slots: none
Events: none

### 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: id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false
Slots: none
Events: click

### Table
Mount: data-component="Table"
Category: data
Props: caption: string = "Data table", responsive: boolean = true
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: 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: 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: id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false
Slots: none
Events: none

### TextInput
Mount: data-component="TextInput"
Category: forms
Props: id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
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: id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = ""
Slots: none
Events: none

### Timeline
Mount: data-component="Timeline"
Category: visualization
Props: title: string = "Timeline"
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: 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: id: string = "timezone", name: string = "timezone", label: string = "Timezone"
Slots: none
Events: none

### Toast
Mount: data-component="Toast"
Category: core
Props: title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000
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

### 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: 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: 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