From 2983705ddca41d7643524fe72e2775b040245bfc Mon Sep 17 00:00:00 2001 From: Ajay Ghanwat Date: Sun, 19 Jul 2026 23:24:33 +0530 Subject: [PATCH] docs(ui): move component inventory to catalog --- public/llms.txt | 6311 ++++++++++++++++++++++++++++++++++++++ scripts/generate-docs.ts | 5 +- 2 files changed, 6315 insertions(+), 1 deletion(-) diff --git a/public/llms.txt b/public/llms.txt index c1cbd38d..fccf71db 100644 --- a/public/llms.txt +++ b/public/llms.txt @@ -44456,6 +44456,6317 @@ Props: eyebrow: string = "", title: string = "", description: string = "", href: Slots: default Events: none +# UI component catalog + +The installed @wrnexus/ui release contains 901 documented components. Every mount name, prop type, required/default status, slot, and event is included below and in llms-full.txt. + +### AcceptAllCookiesButton +Mount: data-component="AcceptAllCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AccessibleAccordion +Mount: data-component="AccessibleAccordion" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleCarousel +Mount: data-component="AccessibleCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleChartSummary +Mount: data-component="AccessibleChartSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleDialog +Mount: data-component="AccessibleDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleErrorSummary +Mount: data-component="AccessibleErrorSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleIcon +Mount: data-component="AccessibleIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleMenu +Mount: data-component="AccessibleMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccessibleTabs +Mount: data-component="AccessibleTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AccessibleTooltip +Mount: data-component="AccessibleTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Accordion +Mount: data-component="Accordion" +Category: content +Props: class: string = "", title: string = "Question", open: boolean = false +Slots: default +Events: click + +### AccountMenu +Mount: data-component="AccountMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AccountStatusBanner +Mount: data-component="AccountStatusBanner" +Category: feedback +Props: label: string = "AccountStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ActionMenu +Mount: data-component="ActionMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ActiveFilterList +Mount: data-component="ActiveFilterList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ActivityList +Mount: data-component="ActivityList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AddOnCard +Mount: data-component="AddOnCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AddressInput +Mount: data-component="AddressInput" +Category: forms +Props: label: string = "Address", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### AddressPreview +Mount: data-component="AddressPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AdvancedFilterBuilder +Mount: data-component="AdvancedFilterBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Alert +Mount: data-component="Alert" +Category: feedback +Props: class: string = "", title: string = "Notice", description: string = "", variant: string = "info", dismissible: boolean = false +Slots: default +Events: click + +### AlertDialog +Mount: data-component="AlertDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### AmountInput +Mount: data-component="AmountInput" +Category: forms +Props: label: string = "Amount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### AnalyticsDashboardPreview +Mount: data-component="AnalyticsDashboardPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AnchorNavigation +Mount: data-component="AnchorNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AnnouncementBar +Mount: data-component="AnnouncementBar" +Category: core +Props: class: string = "", badge: string = "New", message: string = "WrNexus Organizations is now available.", description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.", href: string = "/organizations", actionLabel: string = "Explore organizations", ariaLabel: string = "Announcement" +Slots: none +Events: click + +### ApartmentInput +Mount: data-component="ApartmentInput" +Category: forms +Props: label: string = "Apartment", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ApiAuthenticationNotice +Mount: data-component="ApiAuthenticationNotice" +Category: feedback +Props: label: string = "ApiAuthentication", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiEndpointCard +Mount: data-component="ApiEndpointCard" +Category: content +Props: class: string = "", method: string = "GET", path: string = "/api/example", description: string = "" +Slots: default +Events: none + +### ApiErrorExample +Mount: data-component="ApiErrorExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiHeaderTable +Mount: data-component="ApiHeaderTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiKeyCreateDialog +Mount: data-component="ApiKeyCreateDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ApiKeyDisplay +Mount: data-component="ApiKeyDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiKeyInput +Mount: data-component="ApiKeyInput" +Category: forms +Props: label: string = "ApiKey", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ApiMethodBadge +Mount: data-component="ApiMethodBadge" +Category: feedback +Props: label: string = "ApiMethod", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiParameterTable +Mount: data-component="ApiParameterTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiRateLimitNotice +Mount: data-component="ApiRateLimitNotice" +Category: feedback +Props: label: string = "ApiRateLimit", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ApiRequestExample +Mount: data-component="ApiRequestExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiResponseExample +Mount: data-component="ApiResponseExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiSchemaTable +Mount: data-component="ApiSchemaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ApiSchemaViewer +Mount: data-component="ApiSchemaViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ApiVersionBadge +Mount: data-component="ApiVersionBadge" +Category: feedback +Props: label: string = "ApiVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### AppHeader +Mount: data-component="AppHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArchitectureSection +Mount: data-component="ArchitectureSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### AreaChart +Mount: data-component="AreaChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticleHero +Mount: data-component="ArticleHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleLayout +Mount: data-component="ArticleLayout" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleNewsletterCTA +Mount: data-component="ArticleNewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ArticlePageShell +Mount: data-component="ArticlePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ArticleShareActions +Mount: data-component="ArticleShareActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### AspectRatio +Mount: data-component="AspectRatio" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### AssetCard +Mount: data-component="AssetCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### AttachmentPicker +Mount: data-component="AttachmentPicker" +Category: forms +Props: label: string = "Attachment", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### AttachmentUpload +Mount: data-component="AttachmentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AudioUpload +Mount: data-component="AudioUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditLogPreview +Mount: data-component="AuditLogPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuditTable +Mount: data-component="AuditTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### AuthenticatorCodeInput +Mount: data-component="AuthenticatorCodeInput" +Category: forms +Props: label: string = "AuthenticatorCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### AuthorAvatar +Mount: data-component="AuthorAvatar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorCard +Mount: data-component="AuthorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AuthorizedApplicationCard +Mount: data-component="AuthorizedApplicationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AutoGrid +Mount: data-component="AutoGrid" +Category: data +Props: class: string = "" +Slots: default +Events: none + +### AutomationExampleCard +Mount: data-component="AutomationExampleCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### AvailabilityCalendar +Mount: data-component="AvailabilityCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Avatar +Mount: data-component="Avatar" +Category: content +Props: class: string = "", src: string = "", alt: string = "", initials: string = "WR", size: string = "md" +Slots: none +Events: none + +### AvatarGroup +Mount: data-component="AvatarGroup" +Category: forms +Props: label: string = "Avatar", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### AvatarUpload +Mount: data-component="AvatarUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BackButton +Mount: data-component="BackButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### BackToTop +Mount: data-component="BackToTop" +Category: core +Props: class: string = "", label: string = "Back to top", assistiveLabel: string = "Return to the top of the page", threshold: number = 500 +Slots: none +Events: click + +### Badge +Mount: data-component="Badge" +Category: feedback +Props: class: string = "", label: string = "Badge", variant: string = "neutral" +Slots: none +Events: none + +### BankTransferDetails +Mount: data-component="BankTransferDetails" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Banner +Mount: data-component="Banner" +Category: feedback +Props: class: string = "", text: string = "Announcement", href: string = "", actionLabel: string = "Learn more", variant: string = "brand" +Slots: none +Events: none + +### BarChart +Mount: data-component="BarChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### BetaBadge +Mount: data-component="BetaBadge" +Category: feedback +Props: label: string = "Beta", variant: string = "default", class: string = "" +Slots: default +Events: none + +### BillingAddressForm +Mount: data-component="BillingAddressForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingExample +Mount: data-component="BillingExample" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BillingPeriodToggle +Mount: data-component="BillingPeriodToggle" +Category: forms +Props: label: string = "BillingPeriod", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### BlackoutDatePicker +Mount: data-component="BlackoutDatePicker" +Category: forms +Props: label: string = "BlackoutDate", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### BlogCard +Mount: data-component="BlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BlogGrid +Mount: data-component="BlogGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogList +Mount: data-component="BlogList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### BlogSearch +Mount: data-component="BlogSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BodyText +Mount: data-component="BodyText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BorderRadiusPicker +Mount: data-component="BorderRadiusPicker" +Category: forms +Props: label: string = "BorderRadius", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### BottomNavigation +Mount: data-component="BottomNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BrandColorPicker +Mount: data-component="BrandColorPicker" +Category: forms +Props: label: string = "BrandColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### BrandSelector +Mount: data-component="BrandSelector" +Category: forms +Props: label: string = "Brand", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Breadcrumbs +Mount: data-component="Breadcrumbs" +Category: core +Props: class: string = "", items: string = [], centered: boolean = false, compact: boolean = false, showHome: boolean = true, homeLabel: string = "Home", homeHref: string = "/" +Slots: none +Events: none + +### BrowserFrame +Mount: data-component="BrowserFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### BudgetRangeSlider +Mount: data-component="BudgetRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### BudgetSelector +Mount: data-component="BudgetSelector" +Category: forms +Props: label: string = "Budget", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### BusinessHoursPicker +Mount: data-component="BusinessHoursPicker" +Category: forms +Props: label: string = "BusinessHours", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Button +Mount: data-component="Button" +Category: actions +Props: label: string = "Button", type: string = "button", variant: string = "primary", size: string = "md", disabled: boolean = false, loading: boolean = false, icon: string = "", className: string = "" +Slots: none +Events: none + +### ButtonGroup +Mount: data-component="ButtonGroup" +Category: forms +Props: label: string = "Button", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ButtonSelector +Mount: data-component="ButtonSelector" +Category: forms +Props: label: string = "Button", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Calendar +Mount: data-component="Calendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CalendarGrid +Mount: data-component="CalendarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CalendarHeader +Mount: data-component="CalendarHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CalendarNavigation +Mount: data-component="CalendarNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CallbackUrlInput +Mount: data-component="CallbackUrlInput" +Category: forms +Props: label: string = "CallbackUrl", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CampaignCard +Mount: data-component="CampaignCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CampaignPerformancePreview +Mount: data-component="CampaignPerformancePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CampaignProgress +Mount: data-component="CampaignProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CapabilityGrid +Mount: data-component="CapabilityGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CaptchaField +Mount: data-component="CaptchaField" +Category: forms +Props: label: string = "Captcha", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Card +Mount: data-component="Card" +Category: content +Props: variant: string = "default", padding: string = "md", interactive: boolean = false, className: string = "" +Slots: default +Events: none + +### CardPaymentForm +Mount: data-component="CardPaymentForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CardSelector +Mount: data-component="CardSelector" +Category: forms +Props: label: string = "Card", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CardSkeleton +Mount: data-component="CardSkeleton" +Category: feedback +Props: label: string = "Card", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CareerApplicationForm +Mount: data-component="CareerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CareerBenefitsGrid +Mount: data-component="CareerBenefitsGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Carousel +Mount: data-component="Carousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyCard +Mount: data-component="CaseStudyCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CaseStudyHero +Mount: data-component="CaseStudyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CaseStudyPreview +Mount: data-component="CaseStudyPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CenteredCTA +Mount: data-component="CenteredCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CenteredHero +Mount: data-component="CenteredHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CenteredSectionHeader +Mount: data-component="CenteredSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CertificateUpload +Mount: data-component="CertificateUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CertificationBadge +Mount: data-component="CertificationBadge" +Category: feedback +Props: label: string = "Certification", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChallengeSection +Mount: data-component="ChallengeSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ChannelBadge +Mount: data-component="ChannelBadge" +Category: feedback +Props: label: string = "Channel", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChannelCard +Mount: data-component="ChannelCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ChannelComparisonChart +Mount: data-component="ChannelComparisonChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelComparisonTable +Mount: data-component="ChannelComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelFallbackDiagram +Mount: data-component="ChannelFallbackDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelFlow +Mount: data-component="ChannelFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ChannelIcon +Mount: data-component="ChannelIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChannelRateTable +Mount: data-component="ChannelRateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ChannelSelector +Mount: data-component="ChannelSelector" +Category: forms +Props: label: string = "Channel", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CharacterCounter +Mount: data-component="CharacterCounter" +Category: feedback +Props: label: string = "Character", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartEmptyState +Mount: data-component="ChartEmptyState" +Category: feedback +Props: label: string = "ChartEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChartTooltip +Mount: data-component="ChartTooltip" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Checkbox +Mount: data-component="Checkbox" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Checkbox", description: string = "", checked: boolean = false, disabled: boolean = false +Slots: none +Events: none + +### CheckboxGroup +Mount: data-component="CheckboxGroup" +Category: forms +Props: label: string = "Checkbox", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Checklist +Mount: data-component="Checklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ChecklistProgress +Mount: data-component="ChecklistProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Chip +Mount: data-component="Chip" +Category: core +Props: label: string = "Chip", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ChipInput +Mount: data-component="ChipInput" +Category: forms +Props: label: string = "Chip", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CircularProgress +Mount: data-component="CircularProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CitySelector +Mount: data-component="CitySelector" +Category: forms +Props: label: string = "City", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ClearFiltersButton +Mount: data-component="ClearFiltersButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ClickableCard +Mount: data-component="ClickableCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### CloseButton +Mount: data-component="CloseButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### Cluster +Mount: data-component="Cluster" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### Code +Mount: data-component="Code" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeBlock +Mount: data-component="CodeBlock" +Category: content +Props: class: string = "", language: string = "text", filename: string = "", code: string = "" +Slots: none +Events: click + +### CodeCopyButton +Mount: data-component="CodeCopyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CodeHeader +Mount: data-component="CodeHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CodeInput +Mount: data-component="CodeInput" +Category: forms +Props: label: string = "Code", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CodeLanguageBadge +Mount: data-component="CodeLanguageBadge" +Category: feedback +Props: label: string = "CodeLanguage", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CodeTabs +Mount: data-component="CodeTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CodeText +Mount: data-component="CodeText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CohortChart +Mount: data-component="CohortChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ColorGrid +Mount: data-component="ColorGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ColorHexInput +Mount: data-component="ColorHexInput" +Category: forms +Props: label: string = "ColorHex", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ColorPicker +Mount: data-component="ColorPicker" +Category: forms +Props: label: string = "Color", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ColorSelector +Mount: data-component="ColorSelector" +Category: forms +Props: label: string = "Color", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ColorSwatch +Mount: data-component="ColorSwatch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Combobox +Mount: data-component="Combobox" +Category: core +Props: id: string = "combobox", name: string = "", label: string = "Choose an option", placeholder: string = "Search options", options: string = [], required: boolean = false, disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### ComingSoonBadge +Mount: data-component="ComingSoonBadge" +Category: feedback +Props: label: string = "ComingSoon", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ComingSoonState +Mount: data-component="ComingSoonState" +Category: feedback +Props: label: string = "ComingSoon", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CommandBlock +Mount: data-component="CommandBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CommandMenu +Mount: data-component="CommandMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### CommandSearchInput +Mount: data-component="CommandSearchInput" +Category: forms +Props: label: string = "CommandSearch", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CompanyHero +Mount: data-component="CompanyHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanyNameInput +Mount: data-component="CompanyNameInput" +Category: forms +Props: label: string = "CompanyName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CompanyPageShell +Mount: data-component="CompanyPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### CompanySizeSelector +Mount: data-component="CompanySizeSelector" +Category: forms +Props: label: string = "CompanySize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ComparisonDateRangePicker +Mount: data-component="ComparisonDateRangePicker" +Category: forms +Props: label: string = "ComparisonDateRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ComparisonTable +Mount: data-component="ComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CompletionMeter +Mount: data-component="CompletionMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ComplianceBadgeList +Mount: data-component="ComplianceBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ComplianceProgramCard +Mount: data-component="ComplianceProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConfirmationDialog +Mount: data-component="ConfirmationDialog" +Category: overlays +Props: title: string = "Confirm action", description: string = "Are you sure you want to continue?", confirmLabel: string = "Confirm", cancelLabel: string = "Cancel", danger: boolean = false, open: boolean = false, class: string = "" +Slots: confirm +Events: click + +### ConfirmPasswordInput +Mount: data-component="ConfirmPasswordInput" +Category: forms +Props: label: string = "ConfirmPassword", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ConnectedAccountCard +Mount: data-component="ConnectedAccountCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConnectionCard +Mount: data-component="ConnectionCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ConsentTimelinePreview +Mount: data-component="ConsentTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactCard +Mount: data-component="ContactCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ContactCTA +Mount: data-component="ContactCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactForm +Mount: data-component="ContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ContactHero +Mount: data-component="ContactHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactPageShell +Mount: data-component="ContactPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ContactSalesBanner +Mount: data-component="ContactSalesBanner" +Category: core +Props: class: string = "", eyebrow: string = "Enterprise identity", title: string = "Ready to secure your next application?", description: string = "", primaryLabel: string = "Contact sales", primaryHref: string = "/contact", secondaryLabel: string = "Start free", secondaryHref: string = "/sign-up", iconClass: string = "icon-[lucide--messages-square]", centered: boolean = false, compact: boolean = false, points: string = [], trustPoints: string = [] +Slots: none +Events: none + +### ContactSalesButton +Mount: data-component="ContactSalesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ContactSalesForm +Mount: data-component="ContactSalesForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Container +Mount: data-component="Container" +Category: core +Props: size: string = "default", className: string = "" +Slots: default +Events: none + +### ContextMenu +Mount: data-component="ContextMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ContextSwitcher +Mount: data-component="ContextSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversationList +Mount: data-component="ConversationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ConversationPreview +Mount: data-component="ConversationPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ConversionChart +Mount: data-component="ConversionChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CookieBanner +Mount: data-component="CookieBanner" +Category: feedback +Props: class: string = "", title: string = "We use cookies", description: string = "We use essential cookies and optional analytics to improve your experience.", privacyHref: string = "/privacy" +Slots: none +Events: click + +### CookieCategoryList +Mount: data-component="CookieCategoryList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookieCategoryToggle +Mount: data-component="CookieCategoryToggle" +Category: forms +Props: label: string = "CookieCategory", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CookieConsent +Mount: data-component="CookieConsent" +Category: core +Props: class: string = "" +Slots: none +Events: click, change + +### CookieDetailsTable +Mount: data-component="CookieDetailsTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CookiePreferencesDialog +Mount: data-component="CookiePreferencesDialog" +Category: overlays +Props: title: string = "Cookie preferences", description: string = "Choose which optional cookies you allow. Essential cookies are always enabled.", saveLabel: string = "Save preferences", acceptLabel: string = "Accept all", rejectLabel: string = "Reject optional", open: boolean = false, class: string = "" +Slots: none +Events: change, click + +### CookieTable +Mount: data-component="CookieTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### CoordinatesInput +Mount: data-component="CoordinatesInput" +Category: forms +Props: label: string = "Coordinates", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CoordinatesPicker +Mount: data-component="CoordinatesPicker" +Category: forms +Props: label: string = "Coordinates", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CopyButton +Mount: data-component="CopyButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopyCodeButton +Mount: data-component="CopyCodeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### CopySecretField +Mount: data-component="CopySecretField" +Category: forms +Props: label: string = "CopySecret", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CostBreakdownChart +Mount: data-component="CostBreakdownChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### CostSummary +Mount: data-component="CostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Counter +Mount: data-component="Counter" +Category: feedback +Props: label: string = "Status", variant: string = "default", class: string = "" +Slots: default +Events: none + +### CountryCallingCodeInput +Mount: data-component="CountryCallingCodeInput" +Category: forms +Props: label: string = "CountryCallingCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CountryCallingCodeSelector +Mount: data-component="CountryCallingCodeSelector" +Category: forms +Props: label: string = "CountryCallingCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CountrySelector +Mount: data-component="CountrySelector" +Category: forms +Props: label: string = "Country", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CouponInput +Mount: data-component="CouponInput" +Category: forms +Props: label: string = "Coupon", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CreditAmountInput +Mount: data-component="CreditAmountInput" +Category: forms +Props: label: string = "CreditAmount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CronBuilder +Mount: data-component="CronBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CronInput +Mount: data-component="CronInput" +Category: forms +Props: label: string = "Cron", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CsvUpload +Mount: data-component="CsvUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CTASection +Mount: data-component="CTASection" +Category: layout +Props: class: string = "", eyebrow: string = "Ready?", title: string = "Start building today", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Contact sales", secondaryHref: string = "#" +Slots: none +Events: none + +### CurrencyInput +Mount: data-component="CurrencyInput" +Category: forms +Props: label: string = "Currency", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CurrencySelector +Mount: data-component="CurrencySelector" +Category: forms +Props: label: string = "Currency", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CurrentPasswordInput +Mount: data-component="CurrentPasswordInput" +Category: forms +Props: label: string = "CurrentPassword", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### CustomerLogo +Mount: data-component="CustomerLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### CustomerStoryCard +Mount: data-component="CustomerStoryCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DangerButton +Mount: data-component="DangerButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DataProtectionCard +Mount: data-component="DataProtectionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DataRetentionTable +Mount: data-component="DataRetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DataTable +Mount: data-component="DataTable" +Category: data +Props: caption: string = "Data table", columns: string = [], rows: string = [], emptyMessage: string = "No data available.", striped: boolean = false, class: string = "" +Slots: none +Events: none + +### DateInput +Mount: data-component="DateInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Date", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### DatePicker +Mount: data-component="DatePicker" +Category: forms +Props: class: string = "", id: string = "date", name: string = "date", label: string = "Date", value: string = "", min: string = "", max: string = "", required: boolean = false +Slots: none +Events: none + +### DateRangeCalendar +Mount: data-component="DateRangeCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateRangePicker +Mount: data-component="DateRangePicker" +Category: forms +Props: class: string = "", label: string = "Date range", startName: string = "startDate", endName: string = "endDate" +Slots: none +Events: none + +### DateRangeSlider +Mount: data-component="DateRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DateTimeInput +Mount: data-component="DateTimeInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "DateTime", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### DateTimePicker +Mount: data-component="DateTimePicker" +Category: forms +Props: id: string = "datetime-picker", name: string = "datetime", label: string = "Date and time", value: string = "", min: string = "", max: string = "", required: boolean = false, disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### DateTimeRangePicker +Mount: data-component="DateTimeRangePicker" +Category: forms +Props: label: string = "DateTimeRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DecimalInput +Mount: data-component="DecimalInput" +Category: forms +Props: label: string = "Decimal", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DefinitionList +Mount: data-component="DefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DeleteConfirmationDialog +Mount: data-component="DeleteConfirmationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeliveryPreview +Mount: data-component="DeliveryPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DeliveryStatusChart +Mount: data-component="DeliveryStatusChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DeliveryStatusTimeline +Mount: data-component="DeliveryStatusTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DemoRequestForm +Mount: data-component="DemoRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DepartmentInput +Mount: data-component="DepartmentInput" +Category: forms +Props: label: string = "Department", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DeprecatedFeatureAlert +Mount: data-component="DeprecatedFeatureAlert" +Category: feedback +Props: label: string = "DeprecatedFeature", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### DescriptionList +Mount: data-component="DescriptionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### DesktopNavigation +Mount: data-component="DesktopNavigation" +Category: layout +Props: label: string = "Primary navigation", items: string = [], class: string = "" +Slots: none +Events: none + +### DeveloperCTA +Mount: data-component="DeveloperCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DeveloperHero +Mount: data-component="DeveloperHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperPageShell +Mount: data-component="DeveloperPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DeveloperSearch +Mount: data-component="DeveloperSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DevelopersMegaMenu +Mount: data-component="DevelopersMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### DevelopersMenu +Mount: data-component="DevelopersMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### DeviceCard +Mount: data-component="DeviceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### disclosure +Mount: data-component="disclosure" +Category: core +Props: summary: string = "Details", class: string = "" +Slots: default +Events: none + +### DiscountInput +Mount: data-component="DiscountInput" +Category: forms +Props: label: string = "Discount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DisplayHeading +Mount: data-component="DisplayHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DisplayNameInput +Mount: data-component="DisplayNameInput" +Category: forms +Props: label: string = "DisplayName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Divider +Mount: data-component="Divider" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### DocumentPreview +Mount: data-component="DocumentPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DocumentUpload +Mount: data-component="DocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DomainInput +Mount: data-component="DomainInput" +Category: forms +Props: label: string = "Domain", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DoNotSellLink +Mount: data-component="DoNotSellLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DonutChart +Mount: data-component="DonutChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadAction +Mount: data-component="DownloadAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadButton +Mount: data-component="DownloadButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadGateForm +Mount: data-component="DownloadGateForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### DownloadPolicyButton +Mount: data-component="DownloadPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### DownloadResourceForm +Mount: data-component="DownloadResourceForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Drawer +Mount: data-component="Drawer" +Category: core +Props: class: string = "", title: string = "Panel", open: boolean = false, side: string = "right" +Slots: default +Events: click + +### DropdownMenu +Mount: data-component="DropdownMenu" +Category: overlays +Props: class: string = "", label: string = "Menu" +Slots: default +Events: click + +### DropdownNavigation +Mount: data-component="DropdownNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### DurationInput +Mount: data-component="DurationInput" +Category: forms +Props: label: string = "Duration", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DurationPicker +Mount: data-component="DurationPicker" +Category: forms +Props: label: string = "Duration", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### DurationSlider +Mount: data-component="DurationSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ElevatedCard +Mount: data-component="ElevatedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### EmailBodyEditor +Mount: data-component="EmailBodyEditor" +Category: forms +Props: label: string = "EmailBody", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### EmailComposer +Mount: data-component="EmailComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EmailInput +Mount: data-component="EmailInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Email", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### EmojiPicker +Mount: data-component="EmojiPicker" +Category: forms +Props: label: string = "Emoji", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### EmptyState +Mount: data-component="EmptyState" +Category: feedback +Props: class: string = "", eyebrow: string = "", title: string = "Nothing found", description: string = "", iconClass: string = "icon-[lucide--inbox]", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", compact: boolean = false, centered: boolean = true, suggestions: string = [] +Slots: none +Events: none + +### EncryptionDiagram +Mount: data-component="EncryptionDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseCTA +Mount: data-component="EnterpriseCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EnterpriseHero +Mount: data-component="EnterpriseHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### EnterprisePricingCard +Mount: data-component="EnterprisePricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EnvironmentSelector +Mount: data-component="EnvironmentSelector" +Category: forms +Props: label: string = "Environment", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### EnvironmentSwitcher +Mount: data-component="EnvironmentSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorActions +Mount: data-component="ErrorActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ErrorCard +Mount: data-component="ErrorCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ErrorCode +Mount: data-component="ErrorCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorHero +Mount: data-component="ErrorHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorIllustration +Mount: data-component="ErrorIllustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPage +Mount: data-component="ErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ErrorPageShell +Mount: data-component="ErrorPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ErrorState +Mount: data-component="ErrorState" +Category: feedback +Props: class: string = "", type: string = "error", eyebrow: string = "", title: string = "Something went wrong", description: string = "", errorCode: string = "", iconClass: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", retryLabel: string = "", retryAction: string = "", centered: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### ErrorSupportLink +Mount: data-component="ErrorSupportLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EstimatedCostSummary +Mount: data-component="EstimatedCostSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### EventTable +Mount: data-component="EventTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ExpandableText +Mount: data-component="ExpandableText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ExpiryDateTimePicker +Mount: data-component="ExpiryDateTimePicker" +Category: forms +Props: label: string = "ExpiryDateTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ExportProgress +Mount: data-component="ExportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ExternalLink +Mount: data-component="ExternalLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### EyebrowText +Mount: data-component="EyebrowText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FactorCard +Mount: data-component="FactorCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteBuilder +Mount: data-component="FallbackRouteBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FallbackRouteDiagram +Mount: data-component="FallbackRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FAQ +Mount: data-component="FAQ" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, allowMultiple: boolean = false, defaultOpenIndex: number = 0 +Slots: none +Events: none + +### FAQAccordion +Mount: data-component="FAQAccordion" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "Frequently asked questions", description: string = "", items: string = [], centered: boolean = true, compact: boolean = false, allowMultiple: boolean = false, defaultOpenIndex: number = 0, showContact: boolean = false, contactText: string = "Still have questions?", contactLabel: string = "Contact support", contactHref: string = "/support" +Slots: none +Events: click + +### FaviconUpload +Mount: data-component="FaviconUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FaxInput +Mount: data-component="FaxInput" +Category: forms +Props: label: string = "Fax", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FeatureCard +Mount: data-component="FeatureCard" +Category: content +Props: class: string = "", icon: string = "✦", title: string = "Feature", description: string = "", href: string = "" +Slots: none +Events: none + +### FeatureChecklist +Mount: data-component="FeatureChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureComparisonTable +Mount: data-component="FeatureComparisonTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeaturedBlogCard +Mount: data-component="FeaturedBlogCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureDetailsPanel +Mount: data-component="FeatureDetailsPanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FeatureGrid +Mount: data-component="FeatureGrid" +Category: data +Props: columns: number = 3, className: string = "" +Slots: default +Events: none + +### FeatureIconCard +Mount: data-component="FeatureIconCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureList +Mount: data-component="FeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FeatureTabs +Mount: data-component="FeatureTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FeatureTimeline +Mount: data-component="FeatureTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FeatureUnavailableState +Mount: data-component="FeatureUnavailableState" +Category: feedback +Props: label: string = "FeatureUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FieldActions +Mount: data-component="FieldActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### file-upload +Mount: data-component="file-upload" +Category: core +Props: store: string = "public", endpoint: string = "/api/upload", accept: string = "", multiple: boolean = false, max: number = 0, label: string = "Drag files here or click to browse", class: string = "" +Slots: none +Events: none + +### FileInput +Mount: data-component="FileInput" +Category: forms +Props: label: string = "File", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FileList +Mount: data-component="FileList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FileSizeInput +Mount: data-component="FileSizeInput" +Category: forms +Props: label: string = "FileSize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FileSizeLabel +Mount: data-component="FileSizeLabel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FileTypeBadge +Mount: data-component="FileTypeBadge" +Category: feedback +Props: label: string = "FileType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FileUpload +Mount: data-component="FileUpload" +Category: content +Props: class: string = "", id: string = "file", name: string = "file", label: string = "Upload file", accept: string = "", multiple: boolean = false, help: string = "Drag and drop or browse" +Slots: none +Events: none + +### FilterableTable +Mount: data-component="FilterableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FilterBar +Mount: data-component="FilterBar" +Category: core +Props: label: string = "Filters", clearLabel: string = "Clear filters", showClear: boolean = true, class: string = "" +Slots: default +Events: none + +### FilterMenu +Mount: data-component="FilterMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FilterSearchInput +Mount: data-component="FilterSearchInput" +Category: forms +Props: label: string = "FilterSearch", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FinalCTA +Mount: data-component="FinalCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FirstNameInput +Mount: data-component="FirstNameInput" +Category: forms +Props: label: string = "FirstName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Flex +Mount: data-component="Flex" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FontPicker +Mount: data-component="FontPicker" +Category: forms +Props: label: string = "Font", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FontSizePicker +Mount: data-component="FontSizePicker" +Category: forms +Props: label: string = "FontSize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FontWeightPicker +Mount: data-component="FontWeightPicker" +Category: forms +Props: label: string = "FontWeight", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FooterLanguageSwitcher +Mount: data-component="FooterLanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### FooterStatusIndicator +Mount: data-component="FooterStatusIndicator" +Category: feedback +Props: label: string = "FooterStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForbiddenPage +Mount: data-component="ForbiddenPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ForbiddenState +Mount: data-component="ForbiddenState" +Category: feedback +Props: label: string = "Forbidden", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ForgotPasswordForm +Mount: data-component="ForgotPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Form +Mount: data-component="Form" +Category: content +Props: action: string = "", method: string = "post", name: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormActions +Mount: data-component="FormActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### FormAlert +Mount: data-component="FormAlert" +Category: feedback +Props: label: string = "Form", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### FormDialog +Mount: data-component="FormDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FormError +Mount: data-component="FormError" +Category: core +Props: id: string = "", message: string = "", class: string = "" +Slots: default +Events: none + +### FormErrorSummary +Mount: data-component="FormErrorSummary" +Category: content +Props: class: string = "", title: string = "Please fix the following", visible: boolean = true +Slots: default +Events: none + +### FormField +Mount: data-component="FormField" +Category: forms +Props: class: string = "", label: string = "Field", help: string = "", error: string = "", required: boolean = false +Slots: default +Events: none + +### FormGrid +Mount: data-component="FormGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormGroup +Mount: data-component="FormGroup" +Category: forms +Props: label: string = "Form", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### FormHelpText +Mount: data-component="FormHelpText" +Category: content +Props: id: string = "", text: string = "", class: string = "" +Slots: default +Events: none + +### FormLabel +Mount: data-component="FormLabel" +Category: content +Props: for: string = "", label: string = "Label", required: boolean = false, optional: boolean = false, class: string = "" +Slots: none +Events: none + +### FormProgress +Mount: data-component="FormProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### FormRow +Mount: data-component="FormRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### FormSection +Mount: data-component="FormSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### FullBleed +Mount: data-component="FullBleed" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### FullscreenDialog +Mount: data-component="FullscreenDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### FunnelChart +Mount: data-component="FunnelChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeoChart +Mount: data-component="GeoChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### GeofenceEditor +Mount: data-component="GeofenceEditor" +Category: forms +Props: label: string = "Geofence", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### GhostButton +Mount: data-component="GhostButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GlassCard +Mount: data-component="GlassCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### GlobalSearch +Mount: data-component="GlobalSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GradientCTA +Mount: data-component="GradientCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### GradientPicker +Mount: data-component="GradientPicker" +Category: forms +Props: label: string = "Gradient", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### GradientStopEditor +Mount: data-component="GradientStopEditor" +Category: forms +Props: label: string = "GradientStop", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Grid +Mount: data-component="Grid" +Category: data +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### GuideCard +Mount: data-component="GuideCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideChecklist +Mount: data-component="GuideChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### GuideDifficultyBadge +Mount: data-component="GuideDifficultyBadge" +Category: feedback +Props: label: string = "GuideDifficulty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### GuideGrid +Mount: data-component="GuideGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### GuideStep +Mount: data-component="GuideStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Header +Mount: data-component="Header" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeaderActions +Mount: data-component="HeaderActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HealthIndicator +Mount: data-component="HealthIndicator" +Category: feedback +Props: label: string = "Health", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Hero +Mount: data-component="Hero" +Category: layout +Props: class: string = "", eyebrow: string = "", title: string = "Build faster with WRNexusJS", highlight: string = "", description: string = "", primaryLabel: string = "Get started", primaryHref: string = "#", secondaryLabel: string = "Learn more", secondaryHref: string = "#", align: string = "center" +Slots: default +Events: none + +### HeroActions +Mount: data-component="HeroActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroCodePanel +Mount: data-component="HeroCodePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### HeroGradientText +Mount: data-component="HeroGradientText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroPrimaryAction +Mount: data-component="HeroPrimaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroProductPreview +Mount: data-component="HeroProductPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HeroSecondaryAction +Mount: data-component="HeroSecondaryAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### HeroTrustText +Mount: data-component="HeroTrustText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HexColorInput +Mount: data-component="HexColorInput" +Category: forms +Props: label: string = "HexColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### HiddenField +Mount: data-component="HiddenField" +Category: forms +Props: label: string = "Hidden", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### HighlightText +Mount: data-component="HighlightText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HolidayCalendar +Mount: data-component="HolidayCalendar" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### HostnameInput +Mount: data-component="HostnameInput" +Category: forms +Props: label: string = "Hostname", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### HourPicker +Mount: data-component="HourPicker" +Category: forms +Props: label: string = "Hour", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### HslColorInput +Mount: data-component="HslColorInput" +Category: forms +Props: label: string = "HslColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### hstack +Mount: data-component="hstack" +Category: core +Props: gap: string = "4", align: string = "center", class: string = "" +Slots: default +Events: none + +### HtmlEditor +Mount: data-component="HtmlEditor" +Category: forms +Props: label: string = "Html", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### HumanApprovalStep +Mount: data-component="HumanApprovalStep" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Icon +Mount: data-component="Icon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IconButton +Mount: data-component="IconButton" +Category: actions +Props: class: string = "", label: string = "Action", icon: string = "•", variant: string = "ghost", disabled: boolean = false +Slots: none +Events: none + +### IconPicker +Mount: data-component="IconPicker" +Category: forms +Props: label: string = "Icon", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### IconSelector +Mount: data-component="IconSelector" +Category: forms +Props: label: string = "Icon", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### IdentifierInput +Mount: data-component="IdentifierInput" +Category: forms +Props: label: string = "Identifier", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Illustration +Mount: data-component="Illustration" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageCompressionPreview +Mount: data-component="ImageCompressionPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImageEditor +Mount: data-component="ImageEditor" +Category: forms +Props: label: string = "Image", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ImagePreviewDialog +Mount: data-component="ImagePreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ImageSelector +Mount: data-component="ImageSelector" +Category: forms +Props: label: string = "Image", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ImageUpload +Mount: data-component="ImageUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ImportProgress +Mount: data-component="ImportProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentAlert +Mount: data-component="IncidentAlert" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentBanner +Mount: data-component="IncidentBanner" +Category: feedback +Props: label: string = "Incident", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentCard +Mount: data-component="IncidentCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IncidentList +Mount: data-component="IncidentList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### IncidentResponseFlow +Mount: data-component="IncidentResponseFlow" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IncidentSeverityBadge +Mount: data-component="IncidentSeverityBadge" +Category: feedback +Props: label: string = "IncidentSeverity", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IncidentTimeline +Mount: data-component="IncidentTimeline" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### IndustryBadge +Mount: data-component="IndustryBadge" +Category: feedback +Props: label: string = "Industry", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### IndustrySelector +Mount: data-component="IndustrySelector" +Category: forms +Props: label: string = "Industry", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### InfoCard +Mount: data-component="InfoCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### Inline +Mount: data-component="Inline" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### InlineAlert +Mount: data-component="InlineAlert" +Category: feedback +Props: label: string = "Inline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### InlineCode +Mount: data-component="InlineCode" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### input +Mount: data-component="input" +Category: core +Props: type: string = "text", name: string = "", value: string = "", placeholder: string = "", class: string = "" +Slots: none +Events: none + +### InputGroup +Mount: data-component="InputGroup" +Category: forms +Props: label: string = "Input", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### InsetPanel +Mount: data-component="InsetPanel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### IntegerInput +Mount: data-component="IntegerInput" +Category: forms +Props: label: string = "Integer", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### IntegrationCard +Mount: data-component="IntegrationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceLineItem +Mount: data-component="InvoiceLineItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### InvoiceSummary +Mount: data-component="InvoiceSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### IpAddressInput +Mount: data-component="IpAddressInput" +Category: forms +Props: label: string = "IpAddress", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### JobCard +Mount: data-component="JobCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### JobProgress +Mount: data-component="JobProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### JobTitleInput +Mount: data-component="JobTitleInput" +Category: forms +Props: label: string = "JobTitle", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### JsonInput +Mount: data-component="JsonInput" +Category: forms +Props: label: string = "Json", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### JsonViewer +Mount: data-component="JsonViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### KeyValueTable +Mount: data-component="KeyValueTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### KycDocumentUpload +Mount: data-component="KycDocumentUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LanguageSelector +Mount: data-component="LanguageSelector" +Category: forms +Props: label: string = "Language", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LanguageSwitcher +Mount: data-component="LanguageSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LastNameInput +Mount: data-component="LastNameInput" +Category: forms +Props: label: string = "LastName", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LatencyMetric +Mount: data-component="LatencyMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LatitudeInput +Mount: data-component="LatitudeInput" +Category: forms +Props: label: string = "Latitude", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LeadershipGrid +Mount: data-component="LeadershipGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LeadText +Mount: data-component="LeadText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalAcceptanceNotice +Mount: data-component="LegalAcceptanceNotice" +Category: feedback +Props: label: string = "LegalAcceptance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalBulletList +Mount: data-component="LegalBulletList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalContactBlock +Mount: data-component="LegalContactBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalDefinitionList +Mount: data-component="LegalDefinitionList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalDocumentHeader +Mount: data-component="LegalDocumentHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalDocumentLayout +Mount: data-component="LegalDocumentLayout" +Category: layout +Props: class: string = "", title: string = "Legal document", effectiveDate: string = "", updatedDate: string = "" +Slots: toc, default +Events: none + +### LegalHero +Mount: data-component="LegalHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalLanguageSelector +Mount: data-component="LegalLanguageSelector" +Category: forms +Props: label: string = "LegalLanguage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LegalNotice +Mount: data-component="LegalNotice" +Category: feedback +Props: label: string = "Legal", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LegalPageShell +Mount: data-component="LegalPageShell" +Category: layout +Props: class: string = "" +Slots: navigation, default +Events: none + +### LegalPrintButton +Mount: data-component="LegalPrintButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LegalRegionSelector +Mount: data-component="LegalRegionSelector" +Category: forms +Props: label: string = "LegalRegion", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LegalSection +Mount: data-component="LegalSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### LegalSummary +Mount: data-component="LegalSummary" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LegalTable +Mount: data-component="LegalTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LegalTableOfContents +Mount: data-component="LegalTableOfContents" +Category: core +Props: title: string = "On this page", items: string = [], class: string = "" +Slots: none +Events: none + +### LegalVersionBadge +Mount: data-component="LegalVersionBadge" +Category: feedback +Props: label: string = "LegalVersion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### LetterSpacingPicker +Mount: data-component="LetterSpacingPicker" +Category: forms +Props: label: string = "LetterSpacing", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LicenseKeyInput +Mount: data-component="LicenseKeyInput" +Category: forms +Props: label: string = "LicenseKey", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Lightbox +Mount: data-component="Lightbox" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LineChart +Mount: data-component="LineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### LineHeightPicker +Mount: data-component="LineHeightPicker" +Category: forms +Props: label: string = "LineHeight", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Link +Mount: data-component="Link" +Category: core +Props: href: string = "#", label: string = "Link", external: boolean = false, className: string = "" +Slots: none +Events: none + +### LinkButton +Mount: data-component="LinkButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### List +Mount: data-component="List" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LoadingButton +Mount: data-component="LoadingButton" +Category: actions +Props: label: string = "Continue", loadingLabel: string = "Loading…", loading: boolean = false, disabled: boolean = false, type: string = "button", variant: string = "primary", class: string = "" +Slots: none +Events: none + +### LocaleSelector +Mount: data-component="LocaleSelector" +Category: forms +Props: label: string = "Locale", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### LocalizedRouteLink +Mount: data-component="LocalizedRouteLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### LocationPicker +Mount: data-component="LocationPicker" +Category: forms +Props: label: string = "Location", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Logo +Mount: data-component="Logo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoCloud +Mount: data-component="LogoCloud" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "Trusted by teams building modern products", description: string = "", logos: string = [], centered: boolean = true, compact: boolean = false, variant: string = "strip", grayscale: boolean = true, showNames: boolean = false, maxItems: number = 8 +Slots: none +Events: none + +### LogoUpload +Mount: data-component="LogoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### LogoutDialog +Mount: data-component="LogoutDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### LogTable +Mount: data-component="LogTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### LongitudeInput +Mount: data-component="LongitudeInput" +Category: forms +Props: label: string = "Longitude", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MaintenanceAlert +Mount: data-component="MaintenanceAlert" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceBanner +Mount: data-component="MaintenanceBanner" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceCard +Mount: data-component="MaintenanceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenancePage +Mount: data-component="MaintenancePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MaintenanceState +Mount: data-component="MaintenanceState" +Category: feedback +Props: label: string = "Maintenance", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MaintenanceWindowPicker +Mount: data-component="MaintenanceWindowPicker" +Category: forms +Props: label: string = "MaintenanceWindow", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MapPicker +Mount: data-component="MapPicker" +Category: forms +Props: label: string = "Map", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MarkdownEditor +Mount: data-component="MarkdownEditor" +Category: forms +Props: label: string = "Markdown", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MarketingPageShell +Mount: data-component="MarketingPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### MarketingSectionHeader +Mount: data-component="MarketingSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MaskedSecretField +Mount: data-component="MaskedSecretField" +Category: forms +Props: label: string = "MaskedSecret", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MegaMenu +Mount: data-component="MegaMenu" +Category: overlays +Props: label: string = "Explore", sections: string = [], class: string = "" +Slots: none +Events: click + +### MemberList +Mount: data-component="MemberList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### MentionInput +Mount: data-component="MentionInput" +Category: forms +Props: label: string = "Mention", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MessageCharacterCounter +Mount: data-component="MessageCharacterCounter" +Category: feedback +Props: label: string = "MessageCharacter", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### MessageComposer +Mount: data-component="MessageComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageComposerPreview +Mount: data-component="MessageComposerPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageLimitInput +Mount: data-component="MessageLimitInput" +Category: forms +Props: label: string = "MessageLimit", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MessagePreview +Mount: data-component="MessagePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MessageVolumeSlider +Mount: data-component="MessageVolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Metric +Mount: data-component="Metric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### MetricCard +Mount: data-component="MetricCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MetricGrid +Mount: data-component="MetricGrid" +Category: data +Props: label: string = "Key metrics", metrics: string = [], class: string = "" +Slots: none +Events: none + +### MetricText +Mount: data-component="MetricText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MinutePicker +Mount: data-component="MinutePicker" +Category: forms +Props: label: string = "Minute", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MissionSection +Mount: data-component="MissionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileDeviceFrame +Mount: data-component="MobileDeviceFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### MobileInput +Mount: data-component="MobileInput" +Category: forms +Props: label: string = "Mobile", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MobileMenuButton +Mount: data-component="MobileMenuButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### MobileNavigation +Mount: data-component="MobileNavigation" +Category: layout +Props: label: string = "Menu", closeLabel: string = "Close menu", items: string = [], class: string = "" +Slots: none +Events: click + +### MobileTableCard +Mount: data-component="MobileTableCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Modal +Mount: data-component="Modal" +Category: core +Props: class: string = "", title: string = "Dialog", description: string = "", open: boolean = false, size: string = "md", closeLabel: string = "Close" +Slots: default +Events: click + +### MonthlyVolumeSelector +Mount: data-component="MonthlyVolumeSelector" +Category: forms +Props: label: string = "MonthlyVolume", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MonthPicker +Mount: data-component="MonthPicker" +Category: forms +Props: label: string = "Month", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MonthYearPicker +Mount: data-component="MonthYearPicker" +Category: forms +Props: label: string = "MonthYear", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MultiFileUpload +Mount: data-component="MultiFileUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### MultipleEmailInput +Mount: data-component="MultipleEmailInput" +Category: forms +Props: label: string = "MultipleEmail", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### MultiSelect +Mount: data-component="MultiSelect" +Category: core +Props: id: string = "multi-select", name: string = "", label: string = "Choose options", options: string = [], required: boolean = false, disabled: boolean = false, size: number = 5, class: string = "" +Slots: none +Events: none + +### MutedText +Mount: data-component="MutedText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NameInput +Mount: data-component="NameInput" +Category: forms +Props: label: string = "Name", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### NarrowContainer +Mount: data-component="NarrowContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Navigation +Mount: data-component="Navigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### NavigationItem +Mount: data-component="NavigationItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NavigationMegaMenu +Mount: data-component="NavigationMegaMenu" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### NewBadge +Mount: data-component="NewBadge" +Category: feedback +Props: label: string = "New", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NewPasswordInput +Mount: data-component="NewPasswordInput" +Category: forms +Props: label: string = "NewPassword", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### NewsletterCTA +Mount: data-component="NewsletterCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### NewsletterForm +Mount: data-component="NewsletterForm" +Category: content +Props: class: string = "", eyebrow: string = "", title: string = "Stay up to date", description: string = "", placeholder: string = "Enter your email", buttonLabel: string = "Subscribe", action: string = "/newsletter/subscribe", method: string = "post", emailName: string = "email", privacyLabel: string = "", privacyHref: string = "/privacy", successMessage: string = "You are subscribed.", errorMessage: string = "Something went wrong. Please try again.", iconClass: string = "icon-[lucide--mail]", centered: boolean = false, compact: boolean = false, showIcon: boolean = true, showPrivacy: boolean = true, fullWidth: boolean = false +Slots: none +Events: submit, input + +### NoResultsState +Mount: data-component="NoResultsState" +Category: feedback +Props: label: string = "NoResults", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotFoundPage +Mount: data-component="NotFoundPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### NotFoundState +Mount: data-component="NotFoundState" +Category: feedback +Props: label: string = "NotFound", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationCard +Mount: data-component="NotificationCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### NotificationDot +Mount: data-component="NotificationDot" +Category: core +Props: label: string = "Notification", variant: string = "default", class: string = "" +Slots: default +Events: none + +### NotificationList +Mount: data-component="NotificationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### NumberInput +Mount: data-component="NumberInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Number", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### OfficeCard +Mount: data-component="OfficeCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflinePage +Mount: data-component="OfflinePage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OfflineState +Mount: data-component="OfflineState" +Category: feedback +Props: label: string = "Offline", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OnboardingProgress +Mount: data-component="OnboardingProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### OneTimeSecretDisplay +Mount: data-component="OneTimeSecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OnlineIndicator +Mount: data-component="OnlineIndicator" +Category: feedback +Props: label: string = "Online", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OpacitySlider +Mount: data-component="OpacitySlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OpenAPICTA +Mount: data-component="OpenAPICTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### OptionalIndicator +Mount: data-component="OptionalIndicator" +Category: feedback +Props: label: string = "Optional", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### OrganizationSelector +Mount: data-component="OrganizationSelector" +Category: forms +Props: label: string = "Organization", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### OtpInput +Mount: data-component="OtpInput" +Category: forms +Props: class: string = "", name: string = "otp", length: number = 6, label: string = "Verification code" +Slots: none +Events: none + +### OtpVerificationForm +Mount: data-component="OtpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### OutlinedCard +Mount: data-component="OutlinedCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### PageAlert +Mount: data-component="PageAlert" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PageHeader +Mount: data-component="PageHeader" +Category: core +Props: class: string = "", eyebrow: string = "", title: string = "", description: string = "", primaryLabel: string = "", primaryHref: string = "", secondaryLabel: string = "", secondaryHref: string = "", icon: string = "sparkles", centered: boolean = false, compact: boolean = false, showBreadcrumbs: boolean = false, breadcrumbParent: string = "", breadcrumbParentHref: string = "", breadcrumbCurrent: string = "", highlights: string = [] +Slots: none +Events: none + +### PageHeading +Mount: data-component="PageHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PageShell +Mount: data-component="PageShell" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### PageSkeleton +Mount: data-component="PageSkeleton" +Category: feedback +Props: label: string = "Page", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Pagination +Mount: data-component="Pagination" +Category: core +Props: class: string = "", currentPage: number = 1, totalPages: number = 1, previousHref: string = "", nextHref: string = "", pages: string = [], showNumbers: boolean = true, showSummary: boolean = true, totalItems: number = 0, pageSize: number = 10, compact: boolean = false, centered: boolean = false +Slots: none +Events: none + +### Panel +Mount: data-component="Panel" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### PartnerApplicationForm +Mount: data-component="PartnerApplicationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PartnerLogoGrid +Mount: data-component="PartnerLogoGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PartnerProgramCard +Mount: data-component="PartnerProgramCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PasskeyButton +Mount: data-component="PasskeyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordInput +Mount: data-component="PasswordInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Password", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### PasswordRequirementList +Mount: data-component="PasswordRequirementList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PasswordStrengthMeter +Mount: data-component="PasswordStrengthMeter" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### PasswordVisibilityToggle +Mount: data-component="PasswordVisibilityToggle" +Category: forms +Props: label: string = "PasswordVisibility", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PathInput +Mount: data-component="PathInput" +Category: forms +Props: label: string = "Path", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PaymentMethodCard +Mount: data-component="PaymentMethodCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PdfPreview +Mount: data-component="PdfPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PercentageInput +Mount: data-component="PercentageInput" +Category: forms +Props: label: string = "Percentage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PermissionSelector +Mount: data-component="PermissionSelector" +Category: forms +Props: label: string = "Permission", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PhoneInput +Mount: data-component="PhoneInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Phone", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### PieChart +Mount: data-component="PieChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Pill +Mount: data-component="Pill" +Category: core +Props: label: string = "Pill", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PinInput +Mount: data-component="PinInput" +Category: forms +Props: label: string = "Pin", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PlainTextEditor +Mount: data-component="PlainTextEditor" +Category: forms +Props: label: string = "PlainText", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PlanCTA +Mount: data-component="PlanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PlanFeatureList +Mount: data-component="PlanFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanLimitList +Mount: data-component="PlanLimitList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PlanSelector +Mount: data-component="PlanSelector" +Category: forms +Props: label: string = "Plan", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PlatformPillarCard +Mount: data-component="PlatformPillarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PolicyVersionTable +Mount: data-component="PolicyVersionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Popover +Mount: data-component="Popover" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### PortInput +Mount: data-component="PortInput" +Category: forms +Props: label: string = "Port", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PortNumberInput +Mount: data-component="PortNumberInput" +Category: forms +Props: label: string = "PortNumber", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PositiveNumberInput +Mount: data-component="PositiveNumberInput" +Category: forms +Props: label: string = "PositiveNumber", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PostalCodeInput +Mount: data-component="PostalCodeInput" +Category: forms +Props: label: string = "PostalCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PostmanCTA +Mount: data-component="PostmanCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PresetDateRangePicker +Mount: data-component="PresetDateRangePicker" +Category: forms +Props: label: string = "PresetDateRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PressReleaseCard +Mount: data-component="PressReleaseCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PreviewBadge +Mount: data-component="PreviewBadge" +Category: feedback +Props: label: string = "Preview", variant: string = "default", class: string = "" +Slots: default +Events: none + +### PreviousNextNavigation +Mount: data-component="PreviousNextNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PriceInput +Mount: data-component="PriceInput" +Category: forms +Props: label: string = "Price", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PriceRangeSlider +Mount: data-component="PriceRangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PriceText +Mount: data-component="PriceText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingCard +Mount: data-component="PricingCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingComparisonTable +Mount: data-component="PricingComparisonTable" +Category: data +Props: caption: string = "Plan comparison", plans: string = [], features: string = [], class: string = "" +Slots: none +Events: none + +### PricingContactForm +Mount: data-component="PricingContactForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PricingFeatureGroup +Mount: data-component="PricingFeatureGroup" +Category: forms +Props: label: string = "PricingFeature", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PricingGrid +Mount: data-component="PricingGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingHero +Mount: data-component="PricingHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PricingPlanCard +Mount: data-component="PricingPlanCard" +Category: content +Props: class: string = "", name: string = "Starter", description: string = "", price: string = "₹0", period: string = "/month", featured: boolean = false, ctaLabel: string = "Choose plan", ctaHref: string = "#" +Slots: default +Events: none + +### PricingTable +Mount: data-component="PricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### PricingToggle +Mount: data-component="PricingToggle" +Category: forms +Props: label: string = "Pricing", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PrimaryButton +Mount: data-component="PrimaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintAction +Mount: data-component="PrintAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrintPolicyButton +Mount: data-component="PrintPolicyButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### PrioritySelector +Mount: data-component="PrioritySelector" +Category: forms +Props: label: string = "Priority", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PrivacyNotice +Mount: data-component="PrivacyNotice" +Category: feedback +Props: label: string = "Privacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductArchitectureDiagram +Mount: data-component="ProductArchitectureDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductCard +Mount: data-component="ProductCard" +Category: content +Props: eyebrow: string = "Product", title: string = "Product name", description: string = "", href: string = "#", actionLabel: string = "Learn more", status: string = "", class: string = "" +Slots: none +Events: none + +### ProductCategorySection +Mount: data-component="ProductCategorySection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductCTA +Mount: data-component="ProductCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ProductFeatureList +Mount: data-component="ProductFeatureList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductGrid +Mount: data-component="ProductGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductHero +Mount: data-component="ProductHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ProductIcon +Mount: data-component="ProductIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductIntegrationList +Mount: data-component="ProductIntegrationList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductList +Mount: data-component="ProductList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ProductLogo +Mount: data-component="ProductLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductMegaMenu +Mount: data-component="ProductMegaMenu" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### ProductMiniCard +Mount: data-component="ProductMiniCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductNavigationCard +Mount: data-component="ProductNavigationCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProductPageShell +Mount: data-component="ProductPageShell" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### ProductSelector +Mount: data-component="ProductSelector" +Category: forms +Props: label: string = "Product", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ProductsMegaMenu +Mount: data-component="ProductsMegaMenu" +Category: overlays +Props: label: string = "Products", sections: string = [], class: string = "" +Slots: none +Events: none + +### ProductStatusBadge +Mount: data-component="ProductStatusBadge" +Category: feedback +Props: label: string = "ProductStatus", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ProductUseCaseList +Mount: data-component="ProductUseCaseList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### progress +Mount: data-component="progress" +Category: core +Props: value: number = 0, max: number = 100, class: string = "" +Slots: none +Events: none + +### ProgressBar +Mount: data-component="ProgressBar" +Category: core +Props: class: string = "", value: number = 0, max: number = 100, label: string = "Progress", showValue: boolean = true +Slots: none +Events: none + +### ProgressChart +Mount: data-component="ProgressChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressRing +Mount: data-component="ProgressRing" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### ProgressSlider +Mount: data-component="ProgressSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ProjectCard +Mount: data-component="ProjectCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### ProjectSelector +Mount: data-component="ProjectSelector" +Category: forms +Props: label: string = "Project", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ProjectSwitcher +Mount: data-component="ProjectSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PromoCodeInput +Mount: data-component="PromoCodeInput" +Category: forms +Props: label: string = "PromoCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PromptDialog +Mount: data-component="PromptDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### ProviderSelector +Mount: data-component="ProviderSelector" +Category: forms +Props: label: string = "Provider", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PublicFooter +Mount: data-component="PublicFooter" +Category: core +Props: class: string = "" +Slots: none +Events: submit + +### PublicHeader +Mount: data-component="PublicHeader" +Category: layout +Props: class: string = "" +Slots: none +Events: click + +### PublicHeaderLogo +Mount: data-component="PublicHeaderLogo" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PublicMobileNavigation +Mount: data-component="PublicMobileNavigation" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### PublicPageShell +Mount: data-component="PublicPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### PublicSearch +Mount: data-component="PublicSearch" +Category: core +Props: class: string = "", query: string = "", placeholder: string = "Search...", label: string = "Search", action: string = "", method: string = "get", name: string = "q", buttonLabel: string = "", clearLabel: string = "Clear search", size: string = "default", centered: boolean = false, fullWidth: boolean = false, showShortcut: boolean = false, shortcutLabel: string = "⌘ K", suggestions: string = [] +Slots: none +Events: input, focus, blur, click + +### PublishDateTimePicker +Mount: data-component="PublishDateTimePicker" +Category: forms +Props: label: string = "PublishDateTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### PushComposer +Mount: data-component="PushComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### PushNotificationEditor +Mount: data-component="PushNotificationEditor" +Category: forms +Props: label: string = "PushNotification", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### QrCode +Mount: data-component="QrCode" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuantityInput +Mount: data-component="QuantityInput" +Category: forms +Props: label: string = "Quantity", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### QuantityStepper +Mount: data-component="QuantityStepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### QuietHoursPicker +Mount: data-component="QuietHoursPicker" +Category: forms +Props: label: string = "Quiet hours", startName: string = "quietStart", endName: string = "quietEnd", start: string = "22:00", end: string = "08:00", timezone: string = "UTC", disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### QuoteText +Mount: data-component="QuoteText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Radio +Mount: data-component="Radio" +Category: core +Props: class: string = "", id: string = "", name: string = "choice", value: string = "", label: string = "Option", description: string = "", checked: boolean = false, disabled: boolean = false +Slots: none +Events: none + +### RadioGroup +Mount: data-component="RadioGroup" +Category: forms +Props: class: string = "", label: string = "Choose one", name: string = "choice" +Slots: default +Events: none + +### RangeInput +Mount: data-component="RangeInput" +Category: forms +Props: label: string = "Range", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RangeSlider +Mount: data-component="RangeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateLimitedState +Mount: data-component="RateLimitedState" +Category: feedback +Props: label: string = "RateLimited", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RateLimitInput +Mount: data-component="RateLimitInput" +Category: forms +Props: label: string = "RateLimit", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RateLimitPage +Mount: data-component="RateLimitPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RateTable +Mount: data-component="RateTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RatingSlider +Mount: data-component="RatingSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecipientSelector +Mount: data-component="RecipientSelector" +Category: forms +Props: label: string = "Recipient", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RecoveryCodeForm +Mount: data-component="RecoveryCodeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecoveryCodeInput +Mount: data-component="RecoveryCodeInput" +Category: forms +Props: label: string = "RecoveryCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RecurrenceRuleBuilder +Mount: data-component="RecurrenceRuleBuilder" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RecurringSchedulePicker +Mount: data-component="RecurringSchedulePicker" +Category: forms +Props: id: string = "recurring-schedule", name: string = "recurrence", label: string = "Repeat", value: string = "none", disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### RedirectUriInput +Mount: data-component="RedirectUriInput" +Category: forms +Props: label: string = "RedirectUri", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ReferenceInput +Mount: data-component="ReferenceInput" +Category: forms +Props: label: string = "Reference", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RegexInput +Mount: data-component="RegexInput" +Category: forms +Props: label: string = "Regex", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RegionalPrivacyBanner +Mount: data-component="RegionalPrivacyBanner" +Category: feedback +Props: label: string = "RegionalPrivacy", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionAvailabilityTable +Mount: data-component="RegionAvailabilityTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RegionSelector +Mount: data-component="RegionSelector" +Category: forms +Props: label: string = "Region", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RegionUnavailableAlert +Mount: data-component="RegionUnavailableAlert" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RegionUnavailableState +Mount: data-component="RegionUnavailableState" +Category: feedback +Props: label: string = "RegionUnavailable", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### RejectOptionalCookiesButton +Mount: data-component="RejectOptionalCookiesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReopenCookieSettingsButton +Mount: data-component="ReopenCookieSettingsButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ReportCard +Mount: data-component="ReportCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestResponseViewer +Mount: data-component="RequestResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequestViewer +Mount: data-component="RequestViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### RequiredIndicator +Mount: data-component="RequiredIndicator" +Category: feedback +Props: label: string = "Required", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResetPasswordForm +Mount: data-component="ResetPasswordForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResizablePanel +Mount: data-component="ResizablePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceCard +Mount: data-component="ResourceCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourceDownloadCard +Mount: data-component="ResourceDownloadCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcePageShell +Mount: data-component="ResourcePageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ResourceSearch +Mount: data-component="ResourceSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResourcesMegaMenu +Mount: data-component="ResourcesMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### ResourceTypeBadge +Mount: data-component="ResourceTypeBadge" +Category: feedback +Props: label: string = "ResourceType", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ResponseViewer +Mount: data-component="ResponseViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ResponsibleDisclosureCTA +Mount: data-component="ResponsibleDisclosureCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ResponsiveTable +Mount: data-component="ResponsiveTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ResultsSection +Mount: data-component="ResultsSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### RetentionTable +Mount: data-component="RetentionTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### RetryCountInput +Mount: data-component="RetryCountInput" +Category: forms +Props: label: string = "RetryCount", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RevenueChart +Mount: data-component="RevenueChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### RgbColorInput +Mount: data-component="RgbColorInput" +Category: forms +Props: label: string = "RgbColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RichTextEditor +Mount: data-component="RichTextEditor" +Category: forms +Props: label: string = "RichText", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RichTextInput +Mount: data-component="RichTextInput" +Category: forms +Props: label: string = "RichText", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RoleSelector +Mount: data-component="RoleSelector" +Category: forms +Props: label: string = "Role", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### RollingDateRangePicker +Mount: data-component="RollingDateRangePicker" +Category: forms +Props: label: string = "RollingDateRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SaveCookiePreferencesButton +Mount: data-component="SaveCookiePreferencesButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SavedFilterSelector +Mount: data-component="SavedFilterSelector" +Category: forms +Props: label: string = "SavedFilter", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ScheduledDateTimePicker +Mount: data-component="ScheduledDateTimePicker" +Category: forms +Props: label: string = "ScheduledDateTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ScheduleMessagePicker +Mount: data-component="ScheduleMessagePicker" +Category: forms +Props: label: string = "ScheduleMessage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SchedulePicker +Mount: data-component="SchedulePicker" +Category: forms +Props: class: string = "", label: string = "Schedule" +Slots: none +Events: none + +### ScreenshotFrame +Mount: data-component="ScreenshotFrame" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### ScrollArea +Mount: data-component="ScrollArea" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### SDKCard +Mount: data-component="SDKCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SdkLanguageSelector +Mount: data-component="SdkLanguageSelector" +Category: forms +Props: label: string = "SdkLanguage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SDKLanguageTabs +Mount: data-component="SDKLanguageTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SDKTabs +Mount: data-component="SDKTabs" +Category: core +Props: label: string = "SDK languages", tabs: string = [], defaultIndex: number = 0, class: string = "" +Slots: none +Events: click + +### SearchButton +Mount: data-component="SearchButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SearchCategoryTabs +Mount: data-component="SearchCategoryTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SearchDialog +Mount: data-component="SearchDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SearchEmptyState +Mount: data-component="SearchEmptyState" +Category: feedback +Props: label: string = "SearchEmpty", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchInput +Mount: data-component="SearchInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Search", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### SearchLoadingState +Mount: data-component="SearchLoadingState" +Category: feedback +Props: label: string = "SearchLoading", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SearchResultItem +Mount: data-component="SearchResultItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecondaryButton +Mount: data-component="SecondaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SecondPicker +Mount: data-component="SecondPicker" +Category: forms +Props: label: string = "Second", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SecretDisplay +Mount: data-component="SecretDisplay" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecretInput +Mount: data-component="SecretInput" +Category: forms +Props: label: string = "Secret", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SecretRevealDialog +Mount: data-component="SecretRevealDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Section +Mount: data-component="Section" +Category: layout +Props: id: string = "", size: string = "default", surface: string = "default", className: string = "" +Slots: default +Events: none + +### SectionActions +Mount: data-component="SectionActions" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SectionHeader +Mount: data-component="SectionHeader" +Category: layout +Props: class: string = "", eyebrow: string = "", title: string = "Section title", description: string = "", align: string = "left" +Slots: default +Events: none + +### SectionHeading +Mount: data-component="SectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityAlert +Mount: data-component="SecurityAlert" +Category: feedback +Props: label: string = "Security", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SecurityContactCard +Mount: data-component="SecurityContactCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityFeatureCard +Mount: data-component="SecurityFeatureCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SecurityHero +Mount: data-component="SecurityHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SecurityPillarGrid +Mount: data-component="SecurityPillarGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityPracticeList +Mount: data-component="SecurityPracticeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SecurityReportForm +Mount: data-component="SecurityReportForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Select +Mount: data-component="Select" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Select", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Slots: default +Events: none + +### SenderIdInput +Mount: data-component="SenderIdInput" +Category: forms +Props: label: string = "SenderId", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ServerErrorPage +Mount: data-component="ServerErrorPage" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ServiceLevelTable +Mount: data-component="ServiceLevelTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusBadge +Mount: data-component="ServiceStatusBadge" +Category: feedback +Props: label: string = "ServiceStatus", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### ServiceStatusList +Mount: data-component="ServiceStatusList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### ServiceStatusRow +Mount: data-component="ServiceStatusRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SessionCard +Mount: data-component="SessionCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SessionExpiredDialog +Mount: data-component="SessionExpiredDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### SetupChecklist +Mount: data-component="SetupChecklist" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SeveritySelector +Mount: data-component="SeveritySelector" +Category: forms +Props: label: string = "Severity", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ShadowPicker +Mount: data-component="ShadowPicker" +Category: forms +Props: label: string = "Shadow", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ShareAction +Mount: data-component="ShareAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ShareButton +Mount: data-component="ShareButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SidebarLayout +Mount: data-component="SidebarLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SidePanel +Mount: data-component="SidePanel" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SignInForm +Mount: data-component="SignInForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SignInLink +Mount: data-component="SignInLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SignUpForm +Mount: data-component="SignUpForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SiteSearch +Mount: data-component="SiteSearch" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Skeleton +Mount: data-component="Skeleton" +Category: feedback +Props: height: string = "4", rounded: string = "lg", className: string = "" +Slots: none +Events: none + +### SkipLink +Mount: data-component="SkipLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SlaTable +Mount: data-component="SlaTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Slider +Mount: data-component="Slider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SlugInput +Mount: data-component="SlugInput" +Category: forms +Props: label: string = "Slug", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SmallText +Mount: data-component="SmallText" +Category: content +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SmartRouteDiagram +Mount: data-component="SmartRouteDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### SmsComposer +Mount: data-component="SmsComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### SmsMessageEditor +Mount: data-component="SmsMessageEditor" +Category: forms +Props: label: string = "SmsMessage", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SmsSegmentCounter +Mount: data-component="SmsSegmentCounter" +Category: feedback +Props: label: string = "SmsSegment", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SocialShare +Mount: data-component="SocialShare" +Category: core +Props: class: string = "", title: string = "Share this page", description: string = "", url: string = "", shareText: string = "", centered: boolean = false, compact: boolean = false, showTitle: boolean = true, showCopy: boolean = true, networks: string = [] +Slots: none +Events: click + +### SolutionHero +Mount: data-component="SolutionHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionPageShell +Mount: data-component="SolutionPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionSection +Mount: data-component="SolutionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SolutionsMegaMenu +Mount: data-component="SolutionsMegaMenu" +Category: overlays +Props: class: string = "" +Slots: none +Events: none + +### SortableTable +Mount: data-component="SortableTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### spacer +Mount: data-component="spacer" +Category: core +Props: class: string = "" +Slots: none +Events: none + +### Spinner +Mount: data-component="Spinner" +Category: core +Props: class: string = "", label: string = "Loading", size: string = "md" +Slots: none +Events: none + +### SplitButton +Mount: data-component="SplitButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitCTA +Mount: data-component="SplitCTA" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### SplitHero +Mount: data-component="SplitHero" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SplitLayout +Mount: data-component="SplitLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### SplitSectionHeader +Mount: data-component="SplitSectionHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stack +Mount: data-component="Stack" +Category: core +Props: gap: string = "4", className: string = "" +Slots: default +Events: none + +### StartFreeButton +Mount: data-component="StartFreeButton" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### StatCard +Mount: data-component="StatCard" +Category: content +Props: class: string = "", label: string = "Metric", value: string = "0", change: string = "", trend: string = "neutral" +Slots: none +Events: none + +### StateSelector +Mount: data-component="StateSelector" +Category: forms +Props: label: string = "State", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### StatusBadge +Mount: data-component="StatusBadge" +Category: feedback +Props: class: string = "", status: string = "operational" +Slots: none +Events: none + +### StatusBanner +Mount: data-component="StatusBanner" +Category: core +Props: class: string = "", type: string = "info", title: string = "", description: string = "", actionLabel: string = "", actionHref: string = "", dismissible: boolean = true, compact: boolean = false, details: string = [] +Slots: none +Events: click + +### StatusPageShell +Mount: data-component="StatusPageShell" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### StatusSelector +Mount: data-component="StatusSelector" +Category: forms +Props: label: string = "Status", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### StatusSubscribeForm +Mount: data-component="StatusSubscribeForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StatusTable +Mount: data-component="StatusTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### StepNavigation +Mount: data-component="StepNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### Stepper +Mount: data-component="Stepper" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### StepperInput +Mount: data-component="StepperInput" +Category: forms +Props: label: string = "Stepper", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### StepUpAuthenticationDialog +Mount: data-component="StepUpAuthenticationDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### StickerPicker +Mount: data-component="StickerPicker" +Category: forms +Props: label: string = "Sticker", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Sticky +Mount: data-component="Sticky" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### StickyLayout +Mount: data-component="StickyLayout" +Category: layout +Props: class: string = "" +Slots: default +Events: none + +### StreetAddressInput +Mount: data-component="StreetAddressInput" +Category: forms +Props: label: string = "StreetAddress", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SubdomainInput +Mount: data-component="SubdomainInput" +Category: forms +Props: label: string = "Subdomain", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SubjectInput +Mount: data-component="SubjectInput" +Category: forms +Props: label: string = "Subject", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### SubprocessorTable +Mount: data-component="SubprocessorTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### SubsectionHeading +Mount: data-component="SubsectionHeading" +Category: core +Props: text: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### SuccessCard +Mount: data-component="SuccessCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### SuccessState +Mount: data-component="SuccessState" +Category: feedback +Props: label: string = "Success", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### SupportRequestForm +Mount: data-component="SupportRequestForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Surface +Mount: data-component="Surface" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Switch +Mount: data-component="Switch" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Switch", description: string = "", checked: boolean = false, disabled: boolean = false +Slots: none +Events: click + +### Table +Mount: data-component="Table" +Category: data +Props: class: string = "", caption: string = "Data table", responsive: boolean = true +Slots: default +Events: none + +### TableHeader +Mount: data-component="TableHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### TableRow +Mount: data-component="TableRow" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TableSkeleton +Mount: data-component="TableSkeleton" +Category: feedback +Props: label: string = "Table", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### Tabs +Mount: data-component="Tabs" +Category: content +Props: class: string = "", active: string = "first" +Slots: first, second +Events: click + +### tag +Mount: data-component="tag" +Category: core +Props: label: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TagInput +Mount: data-component="TagInput" +Category: forms +Props: label: string = "Tag", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TaxNotice +Mount: data-component="TaxNotice" +Category: feedback +Props: label: string = "Tax", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TaxRateInput +Mount: data-component="TaxRateInput" +Category: forms +Props: label: string = "TaxRate", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TeamMemberCard +Mount: data-component="TeamMemberCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TeamSizeSelector +Mount: data-component="TeamSizeSelector" +Category: forms +Props: label: string = "TeamSize", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TemplateCard +Mount: data-component="TemplateCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### TemplateSelector +Mount: data-component="TemplateSelector" +Category: forms +Props: label: string = "Template", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TemplateVariableInput +Mount: data-component="TemplateVariableInput" +Category: forms +Props: label: string = "TemplateVariable", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TenantIsolationDiagram +Mount: data-component="TenantIsolationDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TerminalBlock +Mount: data-component="TerminalBlock" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TertiaryButton +Mount: data-component="TertiaryButton" +Category: actions +Props: label: string = "Action", type: string = "button", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TestimonialCard +Mount: data-component="TestimonialCard" +Category: content +Props: class: string = "", quote: string = "Great product.", name: string = "Customer", role: string = "", company: string = "", avatar: string = "" +Slots: none +Events: none + +### TestimonialCarousel +Mount: data-component="TestimonialCarousel" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TestMessageDialog +Mount: data-component="TestMessageDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### Textarea +Mount: data-component="Textarea" +Category: core +Props: class: string = "", id: string = "", name: string = "", label: string = "Message", value: string = "", placeholder: string = "", rows: number = 5, help: string = "", error: string = "", required: boolean = false, disabled: boolean = false +Slots: none +Events: none + +### TextInput +Mount: data-component="TextInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Text", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### TextLink +Mount: data-component="TextLink" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### TextSkeleton +Mount: data-component="TextSkeleton" +Category: feedback +Props: label: string = "Text", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### theme-toggle +Mount: data-component="theme-toggle" +Category: core +Props: label: string = "Toggle theme", class: string = "" +Slots: default +Events: none + +### ThemeColorPicker +Mount: data-component="ThemeColorPicker" +Category: forms +Props: label: string = "ThemeColor", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ThemeSwitcher +Mount: data-component="ThemeSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TimeInput +Mount: data-component="TimeInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Time", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### Timeline +Mount: data-component="Timeline" +Category: visualization +Props: class: string = "", title: string = "Timeline" +Slots: default +Events: none + +### TimelineChart +Mount: data-component="TimelineChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### TimelineItem +Mount: data-component="TimelineItem" +Category: content +Props: class: string = "", title: string = "Event", date: string = "", description: string = "", status: string = "default" +Slots: none +Events: none + +### TimeoutInput +Mount: data-component="TimeoutInput" +Category: forms +Props: label: string = "Timeout", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TimePicker +Mount: data-component="TimePicker" +Category: forms +Props: id: string = "time-picker", name: string = "time", label: string = "Time", value: string = "", min: string = "", max: string = "", step: number = 60, required: boolean = false, disabled: boolean = false, class: string = "" +Slots: none +Events: none + +### TimeRangePicker +Mount: data-component="TimeRangePicker" +Category: forms +Props: label: string = "TimeRange", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TimezoneAwareTimePicker +Mount: data-component="TimezoneAwareTimePicker" +Category: forms +Props: label: string = "TimezoneAwareTime", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TimezoneSelector +Mount: data-component="TimezoneSelector" +Category: forms +Props: class: string = "", id: string = "timezone", name: string = "timezone", label: string = "Timezone" +Slots: none +Events: none + +### Toast +Mount: data-component="Toast" +Category: core +Props: class: string = "", title: string = "Saved", description: string = "", variant: string = "success", duration: number = 5000 +Slots: none +Events: click + +### ToastAction +Mount: data-component="ToastAction" +Category: actions +Props: label: string = "Action", href: string = "", type: string = "button", variant: string = "primary", disabled: boolean = false, class: string = "" +Slots: default +Events: none + +### ToastHost +Mount: data-component="ToastHost" +Category: core +Props: class: string = "" +Slots: none +Events: click + +### ToastIcon +Mount: data-component="ToastIcon" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ToastProgress +Mount: data-component="ToastProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### Toggle +Mount: data-component="Toggle" +Category: forms +Props: label: string = "", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ToggleGroup +Mount: data-component="ToggleGroup" +Category: forms +Props: label: string = "Toggle", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### TokenInput +Mount: data-component="TokenInput" +Category: forms +Props: label: string = "Token", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### Tooltip +Mount: data-component="Tooltip" +Category: content +Props: class: string = "", text: string = "Helpful information", position: string = "top" +Slots: default +Events: none + +### TotpVerificationForm +Mount: data-component="TotpVerificationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TranslatedText +Mount: data-component="TranslatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TreeTable +Mount: data-component="TreeTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### TrendIndicator +Mount: data-component="TrendIndicator" +Category: feedback +Props: label: string = "Trend", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### TruncatedText +Mount: data-component="TruncatedText" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### TrustBadgeList +Mount: data-component="TrustBadgeList" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### Typography +Mount: data-component="Typography" +Category: core +Props: as: string = "p", variant: string = "body", align: string = "start", class: string = "" +Slots: default +Events: none + +### UnavailableRegionState +Mount: data-component="UnavailableRegionState" +Category: feedback +Props: label: string = "UnavailableRegion", title: string = "", description: string = "", value: string = "", variant: string = "default", class: string = "" +Slots: default +Events: none + +### UnifiedTimelinePreview +Mount: data-component="UnifiedTimelinePreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UnsavedChangesDialog +Mount: data-component="UnsavedChangesDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### UploadItem +Mount: data-component="UploadItem" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadPreview +Mount: data-component="UploadPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### UploadProgress +Mount: data-component="UploadProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeChart +Mount: data-component="UptimeChart" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UptimeMetric +Mount: data-component="UptimeMetric" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### UrlInput +Mount: data-component="UrlInput" +Category: forms +Props: class: string = "", id: string = "", name: string = "", label: string = "Url", value: string = "", placeholder: string = "", help: string = "", error: string = "", required: boolean = false, disabled: boolean = false, readonly: boolean = false, autocomplete: string = "" +Slots: none +Events: none + +### UsagePricingTable +Mount: data-component="UsagePricingTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### UseCaseSelector +Mount: data-component="UseCaseSelector" +Category: forms +Props: label: string = "UseCase", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### UserCard +Mount: data-component="UserCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### UsernameInput +Mount: data-component="UsernameInput" +Category: forms +Props: label: string = "Username", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ValueCard +Mount: data-component="ValueCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### ValuesGrid +Mount: data-component="ValuesGrid" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VerificationCodeInput +Mount: data-component="VerificationCodeInput" +Category: forms +Props: label: string = "VerificationCode", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### VerifiedBadge +Mount: data-component="VerifiedBadge" +Category: feedback +Props: label: string = "Verified", variant: string = "default", class: string = "" +Slots: default +Events: none + +### VersionSelector +Mount: data-component="VersionSelector" +Category: forms +Props: label: string = "Version", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### VerticalTabs +Mount: data-component="VerticalTabs" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoCard +Mount: data-component="VideoCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VideoPreviewDialog +Mount: data-component="VideoPreviewDialog" +Category: overlays +Props: title: string = "", description: string = "", open: boolean = false, closeLabel: string = "Close", class: string = "" +Slots: default +Events: none + +### VideoUpload +Mount: data-component="VideoUpload" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VirtualizedTable +Mount: data-component="VirtualizedTable" +Category: data +Props: title: string = "", description: string = "", empty: boolean = false, emptyText: string = "No items available.", class: string = "" +Slots: default +Events: none + +### VisionSection +Mount: data-component="VisionSection" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### VisuallyHidden +Mount: data-component="VisuallyHidden" +Category: core +Props: className: string = "" +Slots: default +Events: none + +### VoiceScriptComposer +Mount: data-component="VoiceScriptComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### VoiceScriptEditor +Mount: data-component="VoiceScriptEditor" +Category: forms +Props: label: string = "VoiceScript", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### VolumeInput +Mount: data-component="VolumeInput" +Category: forms +Props: label: string = "Volume", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### VolumeSlider +Mount: data-component="VolumeSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WarningCard +Mount: data-component="WarningCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WebhookEventCard +Mount: data-component="WebhookEventCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookFlowDiagram +Mount: data-component="WebhookFlowDiagram" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WebhookPayloadViewer +Mount: data-component="WebhookPayloadViewer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebhookUrlInput +Mount: data-component="WebhookUrlInput" +Category: forms +Props: label: string = "WebhookUrl", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### WebinarCard +Mount: data-component="WebinarCard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WebinarRegistrationForm +Mount: data-component="WebinarRegistrationForm" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### Well +Mount: data-component="Well" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### WhatsAppComposer +Mount: data-component="WhatsAppComposer" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WhatsAppNumberInput +Mount: data-component="WhatsAppNumberInput" +Category: forms +Props: label: string = "WhatsAppNumber", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### WhatsAppTemplateEditor +Mount: data-component="WhatsAppTemplateEditor" +Category: forms +Props: label: string = "WhatsAppTemplate", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### WideContainer +Mount: data-component="WideContainer" +Category: core +Props: class: string = "" +Slots: default +Events: none + +### Wizard +Mount: data-component="Wizard" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WizardHeader +Mount: data-component="WizardHeader" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WizardNavigation +Mount: data-component="WizardNavigation" +Category: layout +Props: eyebrow: string = "", title: string = "", description: string = "", align: string = "start", class: string = "" +Slots: default +Events: none + +### WorkflowCanvasPreview +Mount: data-component="WorkflowCanvasPreview" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### WorkflowProgress +Mount: data-component="WorkflowProgress" +Category: visualization +Props: title: string = "", value: string = "", description: string = "", summary: string = "", loading: boolean = false, class: string = "" +Slots: default +Events: none + +### WorkspaceCard +Mount: data-component="WorkspaceCard" +Category: content +Props: title: string = "", description: string = "", href: string = "", class: string = "" +Slots: default +Events: none + +### WorkspaceSelector +Mount: data-component="WorkspaceSelector" +Category: forms +Props: label: string = "Workspace", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### WorkspaceSwitcher +Mount: data-component="WorkspaceSwitcher" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + +### YearPicker +Mount: data-component="YearPicker" +Category: forms +Props: label: string = "Year", name: string = "", value: string = "", placeholder: string = "", type: string = "text", required: boolean = false, disabled: boolean = false, readonly: boolean = false, help: string = "", error: string = "", class: string = "" +Slots: default +Events: none + +### ZoomSlider +Mount: data-component="ZoomSlider" +Category: content +Props: eyebrow: string = "", title: string = "", description: string = "", href: string = "", actionLabel: string = "Learn more", image: string = "", alt: string = "", class: string = "" +Slots: default +Events: none + # Installed package documentation The following README files and declarations come from the installed private 0.2.64 release. diff --git a/scripts/generate-docs.ts b/scripts/generate-docs.ts index 2322bb2b..1a0d6a52 100644 --- a/scripts/generate-docs.ts +++ b/scripts/generate-docs.ts @@ -315,10 +315,13 @@ for (const [name, category, summary] of catalog) { const typesPath = join(packageRoot, "dist", "index.d.ts"); if (!existsSync(readmePath) || !existsSync(typesPath)) throw new Error(`Install @wrnexus/${name} before generating docs`); - const readme = readFileSync(readmePath, "utf8") + let readme = readFileSync(readmePath, "utf8") .replace(/^#\s+[^\n]+\n?/, "") .replace(/^## Installation\s*$[\s\S]*?(?=^##\s|\s*$)/m, "") .replace(/\bWrNexus\b/g, "WRNexusJS"); + if (name === "ui") { + readme = readme.replace(/^### Components\s*$[\s\S]*?(?=^###\s|^##\s|\s*$)/m, ""); + } const types = readFileSync(typesPath, "utf8"); const guide = markdown(readme); const componentReference =